Vue入门
- 插值 指令
- 插值 标签体
- 指令 解析标签
- v-bind v-model
- v-bind 单向绑定
- v-model 应用在表单元素上 v-model:value 可简写为v-model
- 事件修饰符
- @click.prevent 阻止默认事件
- stop 阻止事件冒泡
- once 事件只触发一次
- passive 事件的默认行为立即执行，有些地方需要等回调函数执行完才会调用
- 计算属性 computed
- 函数不用加括号
- 多次调用会有缓存
- 开发者工具，如果定义的函数等在模版页面未被使用(展示)，开发者工具不更新数据，但是VM对象其实已经变化了
- 监视 watch
- 监视多级结构 deep: true
- 初始化的时候调用一次 immediate:true
- watch能开启异步任务(函数中实现setTimeout能返回值，因为不是return赋值，而是this赋值)，计算属性不可以
- 函数定义原则
- 所有被Vue管理的函数，最好写成普通函数，这样this的指向才是vm 或 组件实例对象
- 所有不被vue所管理的函数(定时器的回调函数、aiax的回调兩数等、promise的回调函数)，最好写成箭头函数，这样this的指向才是vm或组件实例对象
- 后添加属性做响应式(设置新的属性方法)
- Vue.set == vm.$set()
- Vue.set不能设置根属性
- 针对数据更新不能直接下标复制(arr[0] = {xx}),需要使用push等函数，原理是通过包装方法实现
- df
-
dda
-