vue初阶常用选项和一些使用方法

vue

new vue({
	el:"" String //被VUE实例控制的元素id名或class名，建议使用id名。
	name:""String //只有作为组件是起作用，给组件起一个名字。
	data：""  Object ||Funciton  //主入口Object  。组件内部是Funciton  ，需要return一个Object  
	template:"" String // 字符串模板
	render:(createElement)=>createElement(xxx)  Funciton   //将xxx组件在el控制的元素区域内进行渲染。可以替代template
	props:"" Array || object  //父组件给子组件传递的自定义属性，可以是 数组直接进行定义，也可以是对象进行更细致的定义比如  { 自定义属性:{ type 定义类型/default 定义默认值/required 是否是必须传递 / validator 自定义效验函数 ...}      } 
	computed:Object //计算属性，
	watch:{ Object//属性监测 有三种定义方法
	数据名:'method函数名'         
	数据名:函数体(new,old){}     
	数据名:{
	handler:fn(new,old){},
	deep: true //深度检测
	immediate: true //首次运行
	}}
	methods:""Object//自定义方法
	directives:""Object//自定义指令，
	directives:{
	指令名:function(el,binding){},//简写方式: bind + update
	指令名(el,binding){},
	指令名:{
	inserted:fn(el,binding){}		//绑定指令的元素插入到父节点时调用 
	bind:fn	//指令第一次绑定到元素时调用 
	update:fn	//指令所在的元素的model层的数据，view有更新请求时
	componentUpdated:fn	//更新完成时
	}}
	filters:""Object //过滤器 
	filters:{  过滤器名称:函数(要过滤的元数据,参数){}	//函数必须要有返回值   }
	components:"" Object //定义组件
	//下面是九个较常用的生命周期钩子。
	beforeCreate() {}, //生命周期 - 创建之前
	created() {},//生命周期 - 创建完成（可以访问当前this实例）
	beforeMount() {}, //生命周期 - 挂载之前
	mounted() {},//生命周期 - 挂载完成（可以访问DOM元素）
	beforeUpdate() {}, //生命周期 - 更新之前
	updated() {}, //生命周期 - 更新之后
	beforeDestroy() {}, //生命周期 - 销毁之前
	destroyed() {}, //生命周期 - 销毁完成
	activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
})

上面就是Vue常用的一些选项以及使用方法了。喜欢的点个赞吧。欢迎各路朋友指导补充。