vue 复习
options的根属性
el:目的地(srting || DOM元素)
template 模板
data 是一个函数 , return一个对象 对象中的key, 可以直接在页面中使用 在js中this.key名
data中的属性,在dom中直接用在js中 this.xxx
compoents:key是组件名,value是组件对象
methods:一般用业配合 xxx 事件
prpos:子组件接收的参数设置['title']
指令
v-if/v-show:if就是插入或移除的问题 show是否隐藏的问题
v-else-if/v-else:必须和v-if是相邻的元素
v-bind/v-on:bind是给属性赋值 v-on给事件进行绑定
v-blind:属性=‘变量’ ===========》:属性名
v-on:事件名=“函数” ===========》@事件名
v-bind/v-model:bind就是单向数据流(vue-页面) model是双向的(vue-页面 页面-vue)
注册全局组件
应用场景:多出使用的公共性功能组件,就可以注册成全局组件,减少冗余代码
全局API vue.component('组件名',组件对象);
附加功能:过滤器&监视改动
filter||filters
filter全局过滤器(给数据添油加醋)显示:vue.filter(‘过滤器名’,过滤方式fn);
filters组件内的过滤器: filters:{'过滤器名',过滤方式fn}
监视
单个监视:watch 普通类型简单监视, obj || array 深度监视
多个监视:cumputed 监视多个
总结
全局:组件、过滤器让大家直接使用 全局不带s
过滤器;function(原数据,参数1,参数2){return:结果;}
调用{{ ‘数据’ | 过滤器名(参数1,参数2)}}
watch:单个监视
computed:群体监视