Vue.js最佳实践

(1)组件中data

data必须是一个函数返回一个对象
为什么?


(2)每个组件一定要有一个div盒子包裹

react中可使用fragment来代替包裹标签


(4)v-for加上key
image.png

为什么要加上key?


(7)响应式原理
image.png
(8)v-if与v-for
image.png
(9)
image.png
(9)watch一个新增属性的对象

使用$set进行属性的新增,watch才可以监听到

  • watch计算属性
(10)用props传入的值赋给data,如果props的值改变,不会修改props赋值的data
(11)

v-model可以绑定计算属性的值吗?还是必须绑定data的值

(12)

过滤器不能与v-model共用

(13)

计算属性不需要调用也会根据依赖的数据进行变化,可以使用watch这个计算属性来拿到

for循环中return 没用??? (使用break)

(14)子组件$emit数据到父组件

如果在父组件上绑定的函数中还想传参,可以在这个绑定的函数外再包裹一层函数

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

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,472评论 0 29
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,803评论 19 139
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,797评论 4 129
  • 最使人颓废的往往不是前途的坎坷, 而是自信的丧失。 当全世界都在说放弃的时候, 坚定地告诉自己:再试一次!
    袁益君阅读 1,360评论 0 1
  • ️ 不管“微商”怎么发展,一切商业都会回归它的本质,那就是产品和服务! ️ 越是口碑时代,越是人人都能销售,越是商...
    谢丽姝阅读 1,873评论 0 0

友情链接更多精彩内容