首页 > 其他 > 详细

vue填坑指南之模板的使用

时间:2018-11-30 17:55:00      阅读:162      评论:0      收藏:0      [点我收藏+]

    坑提示:"The template root requires exactly one element"

    Src下面有个App.vue文件,在index里引用了这个文件以后,我在.vue文件里添加了html,但是加完一个div以后,再加div就没效果了,百思不得其解。

    技术分享图片

    如图:

    技术分享图片

    div1能显示,但是div2死活不出来。知道今天我看见了一句提示:

    技术分享图片

      这句话的意思是模板只能有一个根节点!就是说.vue文件里,要有一个根节点div,里面再去包含1和2,就可以了。

    技术分享图片

    “试试效果”这个div和之前写的一个div被我放到一个根div里,然后页面就显示出来了。

    这块vue之所以这样设计,应该是出于vue的特性,每个template都有一个单独的id,同时里面对应一个单独的、唯一的、根级别的div

    

 

vue填坑指南之模板的使用

原文:https://www.cnblogs.com/sunshine-wy/p/10045615.html

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