码迷,mamicode.com
首页 > 其他好文 > 详细

vue写template的4种形式

时间:2018-01-30 23:11:49      阅读:3162      评论:0      收藏:0      [点我收藏+]

标签:blog   style   script   size   单引号   template   标签   pos   body   

1.template标签(非单文件组件)

<template id="t1">
    <h2>66666666</h2>
</template>

<script>
    new Vue({
        template: #t1
    })
</script>

2.template标签单页面组件

和上面一样用<template></template>,由于有vue-loader编译不需要在手动在选项template上加‘#t1’之类的

3.反单引号

<script>
    new Vue({
        template: `
            <div>
                     <h2>2333</h2>      
            </div>
        `
    })
</script>

4.script标签(type="x-template")

<script type="x-template" id="tem">
    <h2>我是古天乐~<div>666</div></h2>
</script>

<script>
    new Vue({
        template:#tem
    })
</script>

 

vue写template的4种形式

标签:blog   style   script   size   单引号   template   标签   pos   body   

原文地址:https://www.cnblogs.com/amiezhang/p/8387102.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!