文章目录
ES6的常用语法
ES6和ES5的区别
单体模式
单体模式就是函数的简写
类的定义
ES6新增的类的定义
变量的定义
模版字符串
函数
数据的解构
类的定义
导入Vue
Vue的常用指令
Vue指令前都要加v
v-text及v-html
v-for
v-bind
v-on
v-if
v-show
v-model
自定义指令
回调函数:标签中用了自定义的指令时回来调用该函数(定义时)
获取DOM
计算属性
.
数据的监听.
全局的$set,$del,属于全局的方法,会被Vue第一时间监听
Vue组件
组件有根实例的属性(vue的对象:new Vue)
组件中的this就是组件本身,
组件中的同名方法可以覆盖根实例的属性
任何vue实例都可以使用全局注册的组件
组件的注册
组件的全局注册
组件的局部注册
注册在Vue的根实例里,
子组件的注册
组件间通信
父子组件的通信
子父通信
非子父通信
非父子间的通信通过中间人进行传递消息,$emit(name, content)/$on(name,function(content)
this此时指的是中间调度器
其他
混合
minxins:[base], base中的方法可以覆盖原来组件的内容
插槽
在模版中安装几个槽,只有这几个槽可以放自定义的内容
模版中的其他的不能改变。
Vue路由
在html页面导入Vue的路由链接
路由的注册
路由的命名参数
手动路由
route:路由的所有信息
router:VueRouter的实例化对象