Vue2.5入门——挂载点，模板与实例的关系-

最新推荐文章于 2023-03-01 16:56:20 发布

前台端茶工程师

最新推荐文章于 2023-03-01 16:56:20 发布

阅读量210

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue2.5入门

本文链接：https://blog.youkuaiyun.com/qq_33930360/article/details/82079383

Vue2.5入门专栏收录该内容

6 篇文章

订阅专栏

该博客聚焦Vue2.5入门知识，主要介绍了挂载点、模板与实例之间的关系，帮助读者初步了解Vue2.5在前端开发中的应用基础，为后续深入学习和实践提供指引。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>挂载点，模板与实例</title>
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<!--挂载点，模板与实例的关系-->
<!--这个最外层的div就是Vue实例的挂载点-->
<!--挂载点内部的内容就是模版内容-->
<div id="root">

</div>
<script>
    new Vue({
        el:"#root",
        // 把模板写在实例里面
        template:"<h1>hello{{msg}}</h1>",
        data:{
            msg:"world"
        }
    })
</script>
</body>
</html>