前端复习笔记——vue篇

vue基本使用：

1、引入vue.js 2、创建vue实例 3、指定el配置项，指定控制dom区域 4、创建vue控制的dom区域

vue六种指令：

1、内容渲染 { {}} v-html  数据/js表达式 动态渲染到DOM

2、属性绑定 v-bind  :   元素属性动态绑定属性值

3、事件绑定 v-on:  @  dom元素绑定事件  methods中声明事件处理函数 （）传参 

事件修饰符：.prevent .stop

4、条件渲染 v-if 动态添加元素  v-else v-eles-if

v-show  style=“disply:none”

5、列表渲染 v-for key: 字符串/数字  循环渲染列表结构 二参为索引

6、双向绑定 v-model .trim .number .lazy

MVVM:

M ->date V->dom区域 VM->vue实例

过滤器：一般使用计算属性方法代替

定义  vue.filter('过滤器名称',fn) fn:(要转换格式的数据)=>{return 转换格式的结果}

使用  { {转换格式的数据|过滤器的名子}}  v-bind

侦听器：针对数据变化做特定的操作 一进页面就调用一次immediate 对象中属性值发生变化deep 监听单个对象属性变化 ‘user.age’（）{}

计算属性：声明是方法 使用是数据

 vue-cli :基于webpack创建工程化vue项目 index.html  main.js  App.vue

vue组件：重用