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