Vue-Template 三种制作模版方法

最新推荐文章于 2025-06-27 12:21:13 发布

Lvdon9

最新推荐文章于 2025-06-27 12:21:13 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/qq_37995109/article/details/88698977

Vue 专栏收录该内容

53 篇文章

订阅专栏

博客主要围绕 Vue-Template 展开，介绍了其制作模板的相关内容，但具体制作方法等关键信息缺失。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/vue.js"></script>
		<title></title>
	</head>
	<body>
    <h1>Template 三种制作模版方法</h1>
    <hr>
    <div id="app">
        {{message}}
    </div>
    <!--第二种-->
    <template id="dd2">
    	<h2 style="color:red">我是标签模板</h2>
    </template>
    <!--第三种-->
    <script type="x-template" id="dd3">
    	<h2 style="color:red">我是script模板</h2>
    </script>
    <script type="text/javascript">
        var app=new Vue({
            el:'#app',
            data:{
                message:'hello Vue!'
            },
            template:"#dd3"
            //第一种
//          template:`
//          	<h2 style="color:red">我是选项模板</h2>
//          `
        })
    </script>
</body>
</html>