一、引入 Vue 文件

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

二、定义一个容器

<!--root 容器里的代码称为 Vue模板;VueProject 实例和容器是一一对应的；真实开发中只有一个 Vue 实例，并且会配合着组件一起使用；
-->
<div id="root"><!-- {{xxx}} 中的 xxx 要写 js 表达式，且 xxx 可以自动读取到 data 中的所有属性；一旦 data 中的数据发生改变，那么页面中用到该数据的地方也会自动更新；注意区分：js 表达式和 js 代码（语句）1. 表达式：一个表达式产生一个值，可以放在任何一个需要值的地方(1). a(2). a + b2. js 代码（语句）(1). if () {};(2). for () {};--><p>{{1 + 1}}</p><p>{{a > b ? true : false}}</p>
</div>

三、创建 Vue 实例

new Vue({el: '#root', // el === document.querySelector()data() { // data 中存储数据，数据供 el 所指定的容器去使用return {name: '张三'}},
})

Vue.config.productionTip = false; // 关闭浏览器控制台的生产提示