vue笔记

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


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

2、v-bind:style 有两种写法(v-bind:class同):

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


vue笔记_第1张图片

4、vue过滤器:

{{ ipt | res}}

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

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


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

7、全局组件:

vue笔记_第2张图片

局部组件:#app内部

vue笔记_第3张图片

8、模板使用

template不需要放在#app里面


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

vue笔记_第4张图片

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

vue笔记_第5张图片
vue笔记_第6张图片

                                   方法3:组件嵌套

 

vue笔记_第7张图片
vue笔记_第8张图片

9、组件传值:

父到子:通过属性传递,子组件props内接受

子到父:$emit   :子组件标签上绑定自定义事件,该事件调用函数(函数不加括号)

vue笔记_第9张图片
子到父
vue笔记_第10张图片

平行组件传值:


声明一个空组件用来传值
vue笔记_第11张图片
v-b传值,v-a同v-b
vue笔记_第12张图片
v-c接收

10、vue实现简单拷贝效果

JSON.parse(JSON.stringify( obj ) )

你可能感兴趣的:(vue笔记)