Vue2.
vue2
模版语法
插值语法
标签体内容
指令语法
标签属性
v-bind: ===>> : 绑定
数据绑定
el与data的两种写法
理解MVVM模型
vue实例对象中的_proto_属性内 是 vue原型对象上的方法
数据代理
回顾object.defineproperty方法
数据代理定义：
vue中的数据代理
_data 内数据劫持 实现响应式
事件处理
事件修饰符
滚动事件
scroll 滚动触发 滚不动不触发
wheel 滑轮滚动触发 不滚动不触发
键盘事件
键盘事件 keyup , keydown
按键名字可以通过event.key获取,,按键编码可以通过event.keycode获取，
系统修饰键
小技巧一
事件修饰符可以多个连续使用，顺序又先后
小技巧二
v-on: ==== @
计算属性
data内的内容是vue的属性property
不考虑修改可以使用简写形式
监视属性
绑定事件的时候@XX="YYY" YYY可以是简单的表达式
所有vue所管理的函数都要写成普通函数
Watch和computed的总结
样式绑定
style
样式对象
条件渲染v-if v-show
templete
不能与v-show 使用
列表渲染v-for
key的作用
列表过滤 模糊搜索
filter
列表排序
检测数据改变的原理
检测对象数据改变的原理
Vue.set() vm.$set(()
object.defineProperty
收集表单数据
v-model修饰符 .lazy失去焦点，传出数据 .number指定传过去的数据类型为数字
.trim 清除前后的空格
过滤器
时间戳改变格式的库：：moment.js dayjs
Vue内置指令
v-text
v-html
安全性问题
这种
v-cloak
添加这个属性会在Vue执行后自动删除这个属性
属性选择器
js阻塞
v-once
v-pre
自定义指令
生命周期
响应式就是数据改变后就会重新渲染模板
组件化编程
组件命名
VueComponent
js原型对象
实例的隐式原型属性永远指向自己缔造者的原型对象
单文件组件
创建脚手架
、
render函数
ref属性
用id获取组件，只能得到组件的html结构
Vue的props配置
Mixin 混入
插件
scoped 样式
引入顺序
Todolist
nanoid
uuid
reduce
浏览器本地存储
JSON.parse() 字符串转换为对象
JSON.stringify()对象转换为可识别的字符串
localStorage
.setItem(k,v) .getItem(k) .removeItem(k) .clear()
组件自定义事件
全局事件总线
消息订阅与发布 pubsub-js
nextTick
Vue的过渡与动画
Animate.css 的使用
devServer
slot插槽
VueX
Map方法
路由
多级路由
query参数
params
路由守卫
路由独享luyoushouwei
组件内路由守卫
model
