每个组件只能有一个根节点
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 :子组件标签上绑定自定义事件,该事件调用函数(函数不加括号)
平行组件传值:
10、vue实现简单拷贝效果
JSON.parse(JSON.stringify( obj ) )