vue 笔记一基础知识

一. 一些实用的方法及属性

1. $root 根组件

2. $children

3. $slots, $scopedSlots 插槽

4. $refs 快速获取节点  <div ref='name'>

5. $isServer 服务端渲染时做判断

6. $watch(name, fn) 监听变化，配置外引用需要自己注销，获取到watch实例再直接调用销毁。var a = app.$watch(); a()

7. $on(name, fn) ==> $emit(name, params)  事件监听及触发，只能作用在同一实例，$once() 只触发一次

8. $forceUpdate() 强制从新渲染组件，场景：当一个对象的属性没有定义就直接绑定到模版上，之后其值改变无法自动更新视图

9. $nextTick(callback) 将callback延迟到下一次视图更新完成再调用

10. $destroy() 销毁组件

11. computed: { name() { return 'xxx'}}  ==> {{name}} 增强版的管道，用于数据计算时有良效，具备缓存功能，不会重复运算

二. 组件生命周期

1. beforeCreate()

2. create()

3. beforeMount()

4. mounted()

5. beforeUpdate()

6. updated()

7. activated()

8. deactivated()

9. beforeDestroy()

10. destroyed()

三. 指令

1. v-for="(item, index) in arr" :key="item"    遍历，当key相等时会复用

2. v-model = “arr”   在多个复选框时，直接绑定数组也可以的，自动匹配数组里有没有包含value值

3. v-model.trim  修饰符，去掉前后空格，还有number等，lazy可以在失去焦点后赋值