vue笔记

每个组件只能有一个根节点

---

1、vue里面可以提升性能的指令：v-once  避免二次渲染

2、v-bind:style 有两种写法（v-bind:class同）：

3、vue里面watch监听写法：如监听ipt，v-model="ipt"

4、vue过滤器：<div>{{ ipt | res}}</div>

这里res是过滤器的名字，a指当前使用对象ipt

5、事件冒泡处理两种方法

6、mouted:数据初始化请求，因为created还获取不到$el属性

7、全局组件：

局部组件：#app内部

8、模板使用

template不需要放在#app里面

---

               方法 1、在组件v-head中使用，对应id

                方法2、直接用template标签，也是对应id

                                   方法3：组件嵌套

 <template id="head">  <div> 。。head组件。。<v-con></v-con> </div>   </template>

<template id="con">con组件</template>

9、组件传值：

父到子：通过属性传递，子组件props内接受

子到父：$emit   ：子组件标签上绑定自定义事件，该事件调用函数（函数不加括号）

子到父

平行组件传值：

声明一个空组件用来传值 v-b传值，v-a同v-b v-c接收

10、vue实现简单拷贝效果

JSON.parse(JSON.stringify( obj ) )