1 、active-class 是哪个组件的属性？嵌套路由怎么定义？ 答： vue-router 模块的 router-link 组件。
2、怎么定义 vue-router 的动态路由？怎么获取传过来的动态参数？
答：在 router 目录下的 index .js 文件中，对 path 属性加上/:id 。 使用 router 对象的 params.id
3 、vue-router 有哪几种导航钩子？
答： 三种， 一种是全局导航钩子： router .beforeEach(to,from,next)， 作用： 跳转前进行 判断拦截。第二种：组件内的钩子；第三种：单独路由独享组件
4 、scss 是什么？安装使用的步骤是？有哪几大特性？
答： 预处理 css，把 css 当前函数编写， 定义变量,嵌套。 先装 css-loader 、node-loader 、 sass-loader 等 加 载 器 模 块， 在 webpack-base .config .js 配 置 文 件 中 加 多 一 个 拓 展 :extenstion ，再加多一个模块： module 里面 test 、loader 4.1 、scss 是什么？在 vue.cli 中的安装使用步骤是？有哪几大特性？答： css 的预编译。 使用步骤：
第一步：用 npm 下三个 loader (sass-loader 、css-loader 、node-sass)
第二步：在 build 目录找到 webpack .base .config .js， 在那个 extends 属性中加一个拓 展 .scss
第三步：还是在同一个文件，配置一个 module 属性
第四步：然后在组件的 style 标签加上 lang 属性 ，例如： lang=”scss” 有哪几大特性 :
1、可以用变量，例如($变量名称 =值)； 2、可以用混合器，例如()
3、可以嵌套
5 、mint-ui 是什么？怎么使用？说出至少三个组件使用方法？
答： 基于vue 的前端组件库。 npm 安装， 然后 import 样式和 js， vue .use (mintUi) 全 局引入。在单个组件局部引入： import {Toast} from ‘mint -ui’。组件一： Toast(‘登录 成功’)；组件二： mint-header ；组件三： mint-swiper 6 、v-model 是什么？怎么使用？ vue 中标签怎么绑定事件？
答：可以实现双向绑定，指令( v-class 、v-for 、v-if、v-show 、v-on) 。vue 的 model 层的 data 属性。绑定事件：
7 、axios 是什么？怎么使用？描述使用它实现登录功能的流程？
答：请求后台资源的模块。 npm install axios -S 装好，然后发送的是跨域，需在配置文 件中 config/index .js 进行设置。 后台如果是 Tp5 则定义一个资源路由。 js 中使用 import 进来，然后 .get 或 .post。返回在 .then 函数中如果成功，失败则是在 .catch 函数中
8 、 axios+tp5 进 阶 中， 调 用 axios.post(‘api/user’) 是 进 行 的 什 么操 作？ axios.put(‘api/user/8′) 呢？ 答：跨域，添加用户操作，更新操作。
9、什么是 RESTful API？怎么使用?
答： 是一个 api 的标准， 无状态请求。 请求的路由地址是固定的， 如果是 tp5 则先路由配置 中把资源路由配置好。标准有： .post .put .delete 10 、vuex 是什么？怎么使用？哪种功能场景使用它？
答： vue 框架中状态管理。在 main .js 引入 store，注入。新建了一个目录 store， … . . export 。场景有：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车
11 、mvvm 框架是什么？它和其它框架(jquery)的区别是什么？哪些场景适合？ 答：一个 model+view+viewModel 框架，数据模型 model， viewModel 连接两个 区别： vue 数据驱动，通过数据来显示视图层而不是节点操作。 场景：数据操作比较多的场景，更加便捷
答：可以实现双向绑定，指令( v-class、v-for、v-if、v-show、v-on )。vue 的 model 层的 data 属性。绑定事件：
答：请求后台资源的模块。 npminstall axios -S 装好，然后发送的是跨域，需在配置 文件中 config/index.js 进行设置。后台如果是 Tp5 则定义一个资源路由。js 中使用 import 进来，然后.get 或.post。返回在 .then 函数中如果成功，失败则是在 .catch 函数中
答：跨域，添加用户操作，更新操作。
答：是一个 api 的标准，无状态请求。请求的路由地址是固定的，如果是 tp5 则先路 由配置中把资源路由配置好。标准有： .post .put .delete
答： vue 框架中状态管理。在 main.js 引入 store ，注入。新建了一个目录 store ，… .. export 。场景有：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车
答：一个 model+view+viewModel 框架，数据模型 model，viewModel 连接两个
区别： vue 数据驱动，通过数据来显示视图层而不是节点操作。
场景：数据操作比较多的场景，更加便捷
答：全局定义指令：在 vue 对象的 directive 方法里面有两个参数， 一个是指令名称， 另外一个是函数。组件内定义指令： directives
钩子函数： bind (绑定事件触发)、inserted(节点插入的时候触发)、update (组件内 相关更新)
钩子函数参数： el、 binding
答：v-if：判断是否隐藏；v-for：数据循环出来；v-bind:class：绑定一个属性；v-model ： 实现双向绑定
答： vue 用来写路由一个插件。 router-link 、 router-view
答：导航钩子有：a/全局钩子和组件内独享的钩子。 b/beforeRouteEnter 、afterEnter、 beforeRouterUpdate 、 beforeRouteLeave
参数：有 to (去的那个路由 )、from (离开的路由)、next(一定要用这个函数才能去 到下一个路由，如果不用就拦截)最常用就这几种
答 ： vue.js 是 采 用 数 据 劫 持 结 合 发 布 者 - 订 阅 者 模 式 的 方 式 ， 通 过 Object.defineProperty() 来劫持各个属性的 setter，getter ，在数据变动时发布消息给订 阅者，触发相应的监听回调。
上 setter 和 getter
，包括子属性对象的属性，都加
这样的话，给这个对象的某个值赋值，就会触发 setter ，那么就能监听到了数据变化
，将模板中的变量替换成数据，然后初始化渲染页面
视图，并将每个指令对应的节点绑定更新函数， 添加监听数据的订阅者，一旦数据有变动， 收到通知，更新视图
，主要做的事情
是:
1、在自身实例化时往属性订阅器 (dep)里面添加自己
2、自身必须有一个 update()方法
3、待属性变动 dep.notice()通知时，能调用自身的 update()方法，并触发 Compile 中绑定的回调，则功成身退。
，通过 Observer 来监听自己的 model 数据变化，通过 Compile 来解析编译模板指令 ， 最终利用 Watcher 搭起 Observer 和 Compile 之间的通信桥梁，达到数据变化 - > 视图 更新；视图交互变化(input) - > 数据 model 变更的双向绑定效果。
ps：16 题答案同样适合”
此面试题
答：总共分为 8 个阶段创建前/后，载入前/后，更新前/后，销毁前/后。
在 beforeCreated 阶段， vue 实例的挂载元素$el 和数据对象 data 都为
undefined，还未初始化。 在 created 阶段，vue 实例的数据对象 data 有了，$el 还没有。
在 beforeMount 阶段，vue 实例的$el 和 data 都初始化了， 但还是挂载
之前为虚拟的 dom 节点， data.message 还未替换。在 mounted 阶段， vue 实例挂载完 成， data.message 成功渲染。
当 data 变化时，会触发 beforeUpdate 和 updated 方法。
在执行 destroy 方法后，对 data 的改变不会再触发周期函数，说明此时
vue 实例已经解除了事件监听以及和 dom 的绑定，但是 dom 结构依然存在
答：首先，组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模 块，解决了我们传统项目开发：
、、等问题。
然后，使用 Vue.extend 方法创建一个组件，然后使用 Vue.component 方法注册组 件。子组件需要数据，可以在 props 中接受定义。而子组件修改好数据后，想把数据传递 给父组件。可以采用 emit 方法。
答： vuex 可以理解为一种开发模式或框架。比如 PHP 有 thinkphp，java 有 spring 等。
通过状态(数据源)集中管理驱动组件的变化(好比 spring 的 IOC 容器对 bean 进行 集中管理)。
应用级的状态集中放在 store 中； 改变状态的方式是提交 mutations，这是个同步的 事物； 异步逻辑应该封装在 action 中。
答：解析.vue 文件的一个加载器，跟 template/js/style 转换成 js 模块。
用途：js 可以写 es6、 style 样式可以 scss 或 less、template 可以加 jade 等
答：assets 文件夹是放静态资源；components 是放组件；router 是定义路由相关的 配置;view 视图； app.vue 是一个应用主组件； main.js 是入口文件
答：第一步：在 components 目录新建你的组件文件 ( smithButton.vue )，script 一 定要 export default {
第 二 步 ： 在 需 要 用 的 页 面 ( 组 件 ) 中 导 入 ： import smithButton from ‘../components/smithButton.vue’
第三步：注入到 vue 的子组件的 components 属性上面,components:{smithButton}
第四步：在 template 视图 view 中使用，
问题有： smithButton 命名，使用的时候则 smith-button。
答：简而言之， 就是先转化成 AST 树，再得到的 render 函数返回 VNode( Vue 的虚
拟 DOM 节点)
详情步骤：
首先，通过 compile 编译器把 template 编译成 AST 语法树 ( abstract syntax tree 即 源代码的抽象语法结构的树状表现形式) ，compile 是 createCompiler 的返回值， createCompiler 是用以创建编译器的。另外 compile 还负责合并 option。
然后， AST 会经过 generate (将 AST 语法树转化成 render funtion 字符串的过程) 得到 render 函数， render 的返回值是 VNode，VNode 是 Vue 的虚拟 DOM 节点，里面 有(标签名、子节点、文本等等)
不定项选择题：
• 下列关于 vue 的组件说法不正确的是( )
1. 不一定要写 style
2. template 视图里可以写多个 div 容器
3. 父组件给子组件传值需定义 props 属性
4.
• 下面关于 vue 的声明周期说法不正确的是( )
1. 总共分为 8 个阶段:创建前/后、载入前/后、更新前/后、销毁前/后、
2. updated 和 beforeUpdate 分别是更新完成和更新前
3. 创建后 this 才可以获取属性、 mounted 时$el 节点才被渲染
4.
• 下面关于 js 框架说法正确的是( )
1.
2.
3. Vue 中可以使用 v-for 指令来循环对象
4.
因篇幅问题不能全部显示，请点此查看更多更全内容