vue笔记

1. vue如何将数据渲染到页面？

　　通过v-for指令将data数据渲染到页面

2.v-text和 v-html的区别

　　v-text:不可以解析html标签,v-html可以解析html标签

3. 如何自定义按键修饰符

　　通过Vue.config.keyCodes.按键=按键对应的keyCodes码

4.指令中如何传递参数？

　　v-自定义指令:参数='参数值'  例如： v-color:myColor = '{color:"red"}'

　　通过向inserted钩子函数中传递 el,binding参数 进行操作：　　　　　

　　Vue.directive('color', {
　　　　inserted(el, binding) {
　　　　　　console.log(el, binding, binding.value)
　　　　　　el.style.color = binding.value.color
　　　　　　　　}
　　　　})

5. 计算属性和方法区别？

　　计算属性基于缓存去拿值，数据不发生改变不会去调用。

　　方法是用一次就调用一次

6. vue生命周期有哪些？

　　beforeCreate  created  beforeMounte  mounted  beforeUpdate  updated  beforeDestroy  destroyed

7. 在哪个生命周期中页面DOM已经加载完毕？

　　mounted

8. Vue中提供了哪两个API可以修改对象的属性或数组中对应的元素，实现数据响应式变化

　　$set

9. 父组件如何向子组件传值？

　　父组件将数据通过 v-bind绑定到自定义属性中，在子组件中通过props接收 

10. 子组件如何向父组件传值？

　　子组件通过this.emit('事件',传递的参数)去触发，在子组件模板上通过@事件='事件名'绑定。

11. 非父子组件间如何进行数据传递？

　　第一步：实例化一个Vue对象 let ob = new Vue()

　　第二步：组件A：通过 ob.$emit('事件名字',传递的数据)去触发

　　第三步：组件B：通过ob.$on('事件名字',callback)

12. 组件插槽的使用场景？

　　方便页面中部分片段可能不同可以使用插槽的方式去修改