Vue 知识

一、

1. v-if 根据表达式的值（布尔值），创建或销毁元素

   适用于状态切换不频繁的情况

   v-else 与 v-if 配合

   **v-if 与 v-else 之间中间不能隔一个标签

2. data

   data：数据可以在当前模板中直接使 data中的数据命名不能使用例如（$ _ . ）开头

3. 数据劫持：

   （1）数据驱动视图
   		1. 监听指定的数据
   		2. 指定的数据发生改变（set）/  被获取时触发指定的方法（get）
   		3. 将新的数据渲染到页面上去
   

4. 过滤器

   全局过滤器：
   			vue.filter(过滤器名称，处理函数)
   	例：		vue.filter("filter",value=>{})
   			vue.filter("filter",(value,num)=>{})
   	注：value 为前面需要过滤器的值（相当于text）
   	   num 为接收传输的参数
   	   
   局部过滤器：
   	filter:(filter1(value){}
   			filter2(value,num)
   	)
   

   注意：过滤器方法中出现this它指向window

5. 事件

   满足某种条件后，触发的指定功能
   

6. 组件通信：

   父—>子：
   		父级调用子元素，通过元素属性来传入数据
   		子级内部通过prop来接收对应的数据
   		
   子—>父：
   		注意： vue中数据默认时单向流动，只能父到子直接传递；但时子到父不能直接修改
   		原因： 因为父级数据不一定只是某个子级在使用，也许还会有其他的子级也在使用这
   			  个数据，如过子级内部可以随意修改父级的数据，很容易就会出现数据混乱
   		解决： 如果子级想修改数据，那么需要子级通知父级，父级接收到这个通知后，再去
   			  决定是否修改
   		通知方式： （自定义）事件机制
   

7. Vue.component(“自定义组件”，组件的内容（对象形式））

8. $emit（事件名称，事件所需要的参数）

9. slice（）方法可以从已有的数组中返回选定的元素

    slice（start，end）
    		start：设定新数组的起始位置
    		end：  设定新数组的结束位置