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

7.脚手架使用

#1.下载node.js 便自带 npm

#2.npm 下载缓慢 更改配置    npm config set registry https://registry.npm.taobao.org

#3.npm 更新为最新版本  npm install -g npm 

#4.下载vue-cli   npm install -g @vue/cli

#5.项目目录下打开命令行 创建新项目   vue create  xxx_xxx

#6.进入项目目录命令行启动项目       npm run serve