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))
