开始使用VUE

使用vue

1. 引入vue.js
2. 使用构造函数Vue
3. 创建一个Vue实例
4. 配置Vue实例

<div id="app"></div>

const vm = new Vue({
	el:"#app",
	data:{
		msg:"开始使用vue",
		obj:{
			year:2020,
			month:8
		}
	}
})

上面的js代码就控制了id为app的那个div区域

插值表达式

使用方法:{{}}:可以将vue中的数据填在插值表达式中

<div id="app">
	{{ msg }}
	{{ obj }}
	{{ obj.me }}
</div>

1. 插值表达式中，可以写data里面的数据、js数据、表达式，其他的不行
   如果使用了未被声明的数据，不报错，但也不显示。
2. 插值表达式里面如果要直接书写对象，三个花括号不能挨着。可以这样写{{ {name:coffee,age:18} }}