2.最简单的vue编写Hello

***2.1.在HTML中编写，需要引入vue.js,即在页面中导入Vue的包

<script src="https://unpkg.com/vue/dist/vue.js"></script>

 

***2.2.在div标签中设置id属性，在一个p标签中设置接收的变量（即创建一个容器，使用Vue就可以控制这个指定容器中的所有DOM元素）

<div id="app">
<p>{{ message }}</p><!-- 注意：{{}}双大括号语法只能使用在元素标签内容区域，不能在属性中使用 -->
<h3 v-text="message"></h3><!-- 这里使用的v-text属性语法叫做【指令】，在vue中所有的指令都是属性，都是以v- 开头的 -->
</div>

 

***2.3.接下来编写JS代码,也就是Vue是怎么来的

<script>
const vm=new Vue({//这里的new Vue()得到的vm实例就是MVVM的核心VM【它提供了双向数据绑定的能力】
el:"#app",//指定当前要创建的这个vm实例，要控制页面上哪个区域element，这个el属性指定的元素，就是MVVM中的V【视图层】
data:{//data是个对象，表示我们要渲染的一些数据。这个就是MVVM中的M【视图数据层】
message:"Hello Vue.js"    //这个就是我们要渲染的数据，我们并没有操作DOM元素
}
})
</script>