vue中创建模板的方式

最新推荐文章于 2023-12-16 00:56:54 发布

彦青i

最新推荐文章于 2023-12-16 00:56:54 发布

阅读量301

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_41200374/article/details/108278346

版权

Vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

vue创建模板的三种方式

一

 var app=new Vue({
     el:'#app',
     data:{
         message:'hello Vue!'
      },
     template:`
        <h1 style="color:red">选项模板</h1>
     `
})

二

<template id="demo">
    <h2>标签模版</h2>
</template>
<script>
    var app =new Vue({
        el:'#app',
        data:{
            msg:'hello',
        },
        template:'#demo2'
    })
</script>

三

    <script type="x-template" id="demo2">
        <h2 style="color:red">我是script标签模板</h2>
    </script>
 
    <script type="text/javascript">
        var app=new Vue({
            el:'#app',
            data:{
                message:'hello Vue!'
            },
            template:'#demo2'
        })
    </script>