您的位置：首页 > Web前端 > Vue.js

Vue2 模板template的四种写法总结

2018-02-23 14:44 776 查看

如下所示：

<div id="app">
<h1>我是直接写在构造器里的模板1</h1>
</div>
<template id="demo3">
<h1 style="color:red">我是选项模板3</h1>
</template>
<script type="x-template" id="demo4">
<h1 style="color:red">我是script标签模板4</h1>
</script>
<script>
var vm=new Vue({
el:"#app",
data:{
message:1
},
//第2种模板 写在构造器里
//template:`<h1 style="color:red">我是选项模板2</h1>`
//第3种模板 写在<template>标签里
//template:'#demo3'
//第4种模板 写在<script type="x-template">标签里
template:'#demo4'
})
</script>

推荐第4种。

以上这篇Vue2 模板template的四种写法总结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： vue template

相关文章推荐

新的分享

章节导航