首页 > 其他 > 详细

Vue在使用组件中的一些需要记住的点

时间:2019-06-08 20:01:10      阅读:148      评论:0      收藏:0      [点我收藏+]

1.这样的写法会因为HTML的规则tbody里只能有tr,td标签而解析错误

技术分享图片

正确的写法如下:

技术分享图片

同理select下也只能有option,ul里只能有li,要使用组件也可以使用类似的方法

 

2.子组件需要绑定数据情况需要把数据作为一个函数返回

会报错:

技术分享图片

正确写法:

技术分享图片

3.使用ref可以获取到VUE实例下面的DOM元素

技术分享图片

组件通过emit向父组件传递数据,父组件通过$refs获取到子组件下面的值,具体实例如下:

技术分享图片

 

Vue在使用组件中的一些需要记住的点

原文:https://www.cnblogs.com/rmty/p/10991490.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!