template模板
<body>
<h1>Template 三种写法<h1>
<hr>
<div id="app">
{{message}}
</div>
<!-- 1-选项模板 -->
<template></template>
<!-- 2-标签模板-->
<template id="dd2">
<h2 style="color:red">我是Template标签模板</h2>
</template>
<!-- 3-可以外部引用-->
<script type="x-template" id="dd3">
<h2 style="color:red">我是Script标签模板</h2>
</script>
<script type="text/javascript">
var app = new Vue({
el:'#app',
data:{
message:'hello world!'
},
//1-选项模板
//template:`<h2 style="color:red">我是选项模板</h2>`//~波浪线的按键
//template:"#dd2",
template:"#dd3",
})
</script>
</body>
网友评论