入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

Vue2 模板template的四种写法

创建时间:2017-09-11 投稿人: 浏览次数:2754
<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种。
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
  • 上一篇:没有了
  • 下一篇:没有了
未上传头像