vue 面试题

1、active-class 是哪个组件的属性?嵌套路由怎么定义?
答: vue-router 模块的router-link组件。
2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?
答:在router目录下的index. js文件中,对path属性加上/:id。使用 router对象的params.id
3、scss是什么?安装使用的步骤是?有哪几大特性?
答:预处理css,把css当前函数编写，定义变量,嵌套。 先装Css- loader、node-loader、sass-loader 等加载器模块，在webpack-base.config.js配置文件中加多-个拓展:extensttion，再加多一个模块:module里面test、loader
4、vue-router 有哪几种导航钩子?
答:三种，一-种是全局导航钩子:router. beforeEach(to, from, next) ,作用:跳转前进行判断拦截。第二种:组件内的钩子;第三种:单独路由独享组件
5、v-model 是什么?怎么使用? vue中标签怎么绑定事件?
答:可以实现双向绑定，指令(v-class、 v-for、 v-if、 v-show、 v-on) 。vue的model层的data属性。绑定事件: <input @click=doLog() />
6、自定义指令(v-check、 v-focus)的方法有哪些?它有哪些钩子函数?还有哪些钩子
答:全局定义指令:在vue对象的directive方法里面有两个参数，一个是指令名称，另外一个是函数。组件内定义指令: directives钩子函数: bind (绑定事件触发)、inserted(节 点插入的时候触发)、update(组件内相关更新)钩子函数参数: el、binding
7、说出至少4种vue当中的指令和它的用法?
答: v-if: 判断是否隐藏; v-for: 数据循环出来; v-bind:class: 绑定-一个属性; v-model:实现双向绑定
8、Vue的双向数据绑定原理是什么?
答: vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过0bject.defineProperty()来劫持各个属性的setter, getter， 在数据变动时发布消息给订阅者，触发相应的监听回调。