vue2总结
查询某某的版本 : cnpm view less-loader versions
vue的执行顺序 : 先index.html 再main.js 最后App.vue
1.vue的介绍
2.插值语法
3.指令语法
功能:用于解析标签
1).v-bind 和 v-model 语法
2).v-on:xxx 事件绑定语法
4.计算属性computed
为什么产生计算属性?
先写插值语法,再写方法,最后再计算属性,就明白为什么要用计算属性.
计算属性简写 : 只考虑读取,不考虑修改
总结 :
1).什么是计算属性?
data里面的就叫做属性,那么拿到属性去加工,去计算,就叫计算属性.
2).原理 : 底层借助了Objcet.defineproperty方法提供的getter和setter。
3).get函数什么时候执行?
5.监视属性watch
计算属性和监听属性的区别 :
默认加载:props > data > computed > methods > watch
如果触发事件:props > methods > data > computed > > watch
6.class和style
1)样式通透 :
通用(非常建议使用) ::v-deep
stylus用 >>>
sass和less用 /deep/
2)scoped 原理
加入了scoped,就会在节点上添加自定义属性 : data-v-xxx
css选择器 ==> 根据属性选择最终添加样式
7.过滤[知识js的一个方法,引出过滤器]
过滤用监视属性实现,过滤用计算属性实现 一个案例 : 列表排序8.过滤器[Vue.filter]
9.监视数据[vue.set]
10.生命周期
11.非单文件组件[基本用不到]
1.简单的说 : 一个文件有多个组件
2.demo
3.组件的嵌套
4.关于VueComponent =>也就是组件的this
12.脚手架
2.获取到DOM : 在标签里面写上ref,调用 : this.$refs.xx
4.代理 [ vue.config.js ]
13.本地存储
14.组件之间的传值
父 => 子 props
子 => 父 自定义事件
15.$nextTick
-
-
作用:在下一次 DOM 更新结束后执行其指定的回调。
-
-
this.$nextTick(function(){ this.$refs.inputTitle.focus() })
16.vue封装的过度与动画[不常用]
17.插槽
18.路由
19.vuex[还没整理好]
20.双向绑定原理
本文来自博客园,作者:杨建鑫,转载请注明原文链接:https://www.cnblogs.com/qd-lbxx/p/16144121.html