直接写在选项里的模板
直接在构造器里的template选项后边编写。这种写法比较直观,但是如果模板html代码太多,不建议这么写。 var vm = new Vue({ el:"#app", template:` <h2>直接在构造器里的template选项后边编写。这种写法比较直观,但是如果模板html代码太多,不建议这么写。 </h2> ` })
写在<template>标签里的模板
<template id="tmp">
<h2>通过直接写在html里面进行调用</h2>
</template>
var vm = new Vue({
el:"#app",
// 通过id调用html的模板
template:"#tmp",
})
写在<script>标签里的模板
<script type="x-template" id="tmpScr">
<h2>通过直接写在script标签里面进行调用</h2>
</script>
var vm = new Vue({
el:"#app",
// 通过id调用html的模板
template:"#tmpScr"
})