vue Object

1.Vue.config.productionTip = false; //去掉错误

2.new Vue({ el:'#root',data:{name:"zhangsan",methods:{show:function(){}}}})

el : 对应容器

data：数据

methods : 事件方法

3， 模板变量 {{ }}包住，放在标签体中（不在标签属性上）

4.属性绑定变量， v-bind 或 ： v-model（同步）

5.绑定事件 @click="show"   @click.prevent="show"   prevent 是事件修饰，阻止a标签跳转

6.Object

let number = 18
	let person = {
		name:"张珊",
		sex:"男",
	};
	Object.defineProperty(person, 'age', {
		value:18,
		enumerable:true, //控制属性是否可以遍历（枚举）
		writable:true,   //是否可以被修改
		configurable:true, //是否可以被删除
		//读取person的age属性时，get函数被调用返回age的值
		get() {
			console.log('age被读取了')
			return number
		},
		//当修改person的age属性时，set函数被调用，返回修改的值
		set(value){
			console.log('age被修改了，值是：',value)
			number = value
		}
	})
	console.log(Object.keys(person))