01-vue的基本代码

最新推荐文章于 2024-08-19 13:55:31 发布

阔落要加冰

最新推荐文章于 2024-08-19 13:55:31 发布

阅读量125

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_38001520/article/details/87209392

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- 将来new的Vue实例 会控制这个元素中的所有内容 -->
    <div id="app">
           <p> {{ msg }} </p>
    </div>
    
</body>
<script src="lib/vue.min.js"></script>
<script>
    // 创建一个Vue的实例
    var vm = new Vue({
        el: '#app',     // 表示当前我们new的这个Vue实例 要控制页面上的那个区域
        data: {         // data 属性中，存放的是el中要用到的数据
            msg:'欢迎学习Vue'
        }
    })
</script>
</html>