首页 / VUE / vuejs挂载点，模板与实例的关系

vuejs挂载点，模板与实例的关系

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vuejs挂载点，模板与实例的关系，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含584字，纯文字阅读大概需要1分钟。

内容图文

                <
                body
                >
                <
                div 
                id
                =‘root‘
                >
                <
                h1
                >{{msg}}</h1></div><script>new Vue({
　　　　　　el:‘#root‘,
　　　　　　data:{
　　　　　　　　msg:‘hello world‘
　　　　　　}
　　　　})
　　</script></body>

 

挂载点：element对应的标签

上面的html中{{msg}}去掉
                <
                div 
                id
                =‘root‘
                ></
                div
                >
这个标签就称之为vue实例的挂载点，因为下面的el，也就是element正好与上面的标签的id对应的上
 
 
模板：挂载点内部的内容
                <
                h1
                >{{msg}}</h1>
这个就是模板，模板也可以有多种方式
                new
                 Vue({
　　el:‘#root‘,
　　template:‘<h1>{{msg}}</h1>‘,
　　data:{
　　　　msg:‘hello world‘
　　}
})

这种写在实例里面也可以,所以模板就是挂载点内部的内容，模板可以写在挂载点内部，也可以写在实例里面template属性里面

原文：https://www.cnblogs.com/wzndkj/p/9534637.html

内容总结

以上是互联网集市为您收集整理的vuejs挂载点，模板与实例的关系全部内容，希望文章能够帮你解决vuejs挂载点，模板与实例的关系所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1188294.html

来源：【匿名】