vue

模板语法

v-html:用于输出html代码;
v-bind:绑定属性,用以响应更新属性值;
1. 样式class————v-bind:class={‘class1’:use}/v-bind:class=’activeClassName’];
2. 样式id;
3. href;
4. 内联样式;
v-ifv-elsev-else-if
v-model:双向数据绑定,view绑定model值,model监听view变化;
v-on:事件处理器;
v-show:根据条件展示元素;
v-for:循环迭代对象、整数;

属性

计算属性computed

与methods区别:methods在页面重新渲染时运行,computed依赖缓存,只有相关依赖值发生变化时重新获取;
可设置set函数,在获得值时设置其他值;get函数得到值的格式;

监听属性watch

组件

全局组件:Vue.component(‘tagName’,options);
局部组件:components:{
‘tagName’:componentName
}
组件间传值:父->子:props属性设置;
子->父:自定义事件;
在子组件中定义childMethod,其中调用this.$emit(‘toParent’);
在父组件中模板v-on绑定toParent方法;
即能实现在子组件中调用方法时,父组件能够接收到消息;

directives注册指令

路由

  1. 定义路由组件;
  2. 定义路由;
  3. 创建router实例;
  4. 创建和挂载;

    过渡&动画