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 ) )

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vue笔记 一.vue实例 vue的生命周期 beforeCreate(创建前), created(创建后), b...
    秋殇1002阅读 4,700评论 0 1
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,175评论 1 4
  • VUE介绍 Vue的特点构建用户界面,只关注View层简单易学,简洁、轻量、快速渐进式框架 框架VS库库,是一封装...
    多多酱_DuoDuo_阅读 7,727评论 1 17
  • 1.基本绑定: new Vue( { el:'#elID', data:{ ...
    寒剑飘零阅读 3,505评论 0 1
  • 关于心理学,我并没有完整的学过它,更多的接触是类似哲学、社会科学、文学等等。但有一点应该被坚信-它们是有共同的特...
    肆玖卿阅读 1,288评论 0 1

友情链接更多精彩内容