vue中template的用法,vue template详解

　　本文介绍了VUE模板的三种编写方法，并通过示例代码进行了详细介绍。对大家的学习或者工作都有一定的参考价值，有需要的朋友可以参考一下。

一、直接写在构造器中

　　！-第一种写法：直接写在构造函数里-

　　div id=app1 /div

　　脚本

　　var vm1=新Vue({

　　埃尔： #app1 ，

　　数据：{}，

　　方法：{}，

　　模板：`构造函数中的h3文本/h3

　　});

　　/脚本

二、写在HTML自带的template标签中

　　！-第二种写法：写在HTML自带的标签里-

　　div id=app2

　　模板id=项目1

　　H3 H3模板标签的文本/h3

　　/模板

　　/div

　　脚本

　　var vm2=新Vue({

　　埃尔： #app2 ，

　　数据：{}，

　　方法：{}，

　　模板： #item1

　　});

　　/脚本

三、写在script标签中

　　！-第三种写法：写在脚本标签里-

　　div id=app3

　　/div

　　脚本类型=x-template id=item3

　　用脚本写的H3文字/h3

　　/脚本

　　脚本

　　让vm3=新Vue({

　　埃尔： #app3 ，

　　数据：{}，

　　方法：{}，

　　模板： #item3

　　});

　　/脚本

　　这篇关于VUE模板写作的文章到此结束。希望对大家的学习有帮助，也希望大家多多支持。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。