Vue入门程序

最新推荐文章于 2024-08-04 12:47:40 发布

晓倾城

最新推荐文章于 2024-08-04 12:47:40 发布

阅读量138

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_40850266/article/details/119845960

版权

前端专栏收录该内容

34 篇文章 1 订阅

订阅专栏

1.引入vue.js
2.创建数据容器
3.创建vue对象
3.1指定挂载区
3.2指定数据模型
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hellovue</title>
    <script src="./js/vue.min.js"></script>
    <!-- <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> -->
</head>
<body>
    <div id="app">
        {{msg}}
    </div>
</body>
<script>
    new Vue({
        el:"#app",
        data:{
            msg:"Hello VUE"
        }
    });
</script>
</html>