vue P2—— el挂载点

最新推荐文章于 2024-07-09 08:29:27 发布

原创最新推荐文章于 2024-07-09 08:29:27 发布 · 201 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

10 篇文章

订阅专栏

本示例展示了如何使用Vue.js创建一个简单的网页应用，通过定义挂载点来显示文本内容。代码中包含了HTML结构、Vue实例的创建及数据绑定。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>P2 el挂载点</title>
</head>
<body>
    <div id ="app" class="app">
        {{massage}}
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    <script>
        var app = new Vue({
            // el :"#app",  //id选择器 唯一
            // el: ".app"   //class选择器
            el:"div",       //div选择器
            data:
            {
                massage:"P2 el挂载点"
            }
        })
    </script>
</body>
</html>