Vue系列-el挂载

最新推荐文章于 2024-11-02 08:58:20 发布

猪八戒1.0

最新推荐文章于 2024-11-02 08:58:20 发布

阅读量316

点赞数 3

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_58631644/article/details/137179570

版权

Vue 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

本文展示了如何在HTML中使用Vue.js创建一个简单的单文件组件，通过el属性将Vue实例挂载到具有id为app的元素上，实现数据绑定。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>el:挂载点</title>
</head>
<body>
    {{message}}
    <div id="app">
        {{message}}
        <span>{{message}}</span>
    </div>

    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    <script>
        var app=new Vue({
            el:"#app", //可以是class 也可以是标签
            data:{
                message:"黑马程序员"
            }
        })
    </script>
</body>
</html>

关注博主即可阅读全文