Vue其他笔记

v-if与v-show
v-if:值为false时,dom树上不会有该标签。属于销毁与重建的过程。
v-show:不管初始条件(true/false)如何,元素始终渲染,并且只是基于 CSS 的切换(display)。
所以:v-if一般只用在初始渲染,后面不怎么切换状态的时候;v-show则一般在频繁切换元素的时候用。

组件坑
组件component中data要使用函数return出去。
props:里面全小写或使用连字符。(报错eg:Prop“sharelink”传递给组件,但声明的prop名称是“shareLink”。 请注意,HTML属性不区分大小写,并且在使用in-DOM模板时,camelCased props需要使用它们的kebab-case等价物。 您应该使用“share-link”而不是“shareLink”)

不要在选项属性或回调上使用箭头函数,因为箭头函数是和父级上下文联系在一起的,this 不会是如你所预期的 Vue 实例,

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

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,472评论 0 29
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,797评论 4 129
  • VUE Vue :数据驱动的M V Vm框架 m :model(后台提供数据),v :view(页面),vM(模板...
    wudongyu阅读 10,759评论 0 11
  • 前言 您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式....
    itclanCoder阅读 26,125评论 1 12
  • 好不容易,我终于做了个梦 原创 2017-01-06 恁啷艳 恁啷艳随写 弯弯的月亮 刘欢 - 蒙古小夜曲 JAN...
    恁啷艳阅读 2,701评论 0 0

友情链接更多精彩内容