首页 Vue

# vue 的基本使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<body>
<!--希望vue能够控制下面这个div, 将数据填充到div内部-->
<div id="app">{{username}}</div>


<!--1. 导入vue的库文件, 在window全局就有了Vue这个构造函数-->
<script src="./lib/vue-2.6.12.js"></script>


<script>
    // 创建vue的实例对象
    const vm = new Vue({
        // el是固定写法, 表示当前vm实例要控制页面上的哪个区域, 接收的是一个选择器
        el: '#app',
        // data对象就是要渲染到页面上的数据
        data: {
            username: 'zhangsan'
        }
    })
</script>
</body>