1.创建vue实例,传入配置对象,让vue开始工作
new Vue({
el(元素):'#root',
data(数据):{
name:"朱李闯"
}
})
2.创建一个容器
<div id="root">
<h1>hello {{name}}</h1>
<h1>欢迎开始学习vue {{name}}</h1>
</div>
注意:
1. 容器的代码依然符合html规范,不过混入了一些vue的特殊语法
2.容器里面的代码被称为【vue模板】
3.vue实例和容器是一一对应的
4.{{ }}中要写js表达式,里面的表达式可以自动读到data中的所有属性
5.data中属性发生变化后,模板中运用的该地方的数据都会发生变化