vue学习

1、过滤器

vue学习_第1张图片

2、指令

在这里插入图片描述
vue学习_第2张图片
vue学习_第3张图片

vue学习_第4张图片
vue学习_第5张图片
vue学习_第6张图片

3、生命周期

vue学习_第7张图片

4、组件

vue学习_第8张图片
vue学习_第9张图片

5、事件总线

vue学习_第10张图片

vue学习_第11张图片
vue学习_第12张图片

vue学习_第13张图片

6、代理服务

vue学习_第14张图片

7、vuex

vue学习_第15张图片
vue学习_第16张图片

8、vuex 模块化

vue学习_第17张图片


9、vue-router query传参

vue学习_第18张图片

10、vue-router param传参

该方式传参,to里面只允许用name,不允许用path
vue学习_第19张图片

vue学习_第20张图片

11、vue-router的props

1、在需要传递props的路由上增加prop属性
2、在需要接收props的组件上正常使用props接收、使用
vue学习_第21张图片

12、缓存路由组件

其中,include里的 News是组件里面 name 的配置项;
缓存单个组件用字符串,多个组件用数组
vue学习_第22张图片

13、

vue学习_第23张图片
vue学习_第24张图片

14、vue学习_第25张图片
15、



vue学习_第26张图片
vue学习_第27张图片
vue学习_第28张图片
vue学习_第29张图片watch监测

vue学习_第30张图片
使用watch监测使用ref声明的对象person时,要用person.value,或者配置deep:true,否则监视不到person数据的变化
vue学习_第31张图片
vue学习_第32张图片
vue学习_第33张图片
vue学习_第34张图片
vue学习_第35张图片
vue学习_第36张图片
vue学习_第37张图片
vue学习_第38张图片
vue学习_第39张图片
vue学习_第40张图片
vue学习_第41张图片
vue学习_第42张图片

你可能感兴趣的:(vue.js,学习,javascript)