首页 > 其他 > 详细

vue写template的4种形式

时间:2018-01-30 22:01:17      阅读:187      评论:0      收藏:0      [点我收藏+]

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种形式

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!