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常用的一些选项以及使用方法了。喜欢的点个赞吧。欢迎各路朋友指导补充。