new Vue({
el:'#app', // 挂载dom
data: {}, //数据
methods:{ //方法
init:function(){}
},
computed:{ //计算属性
m:function(){}
},
filters:{ // Mustache 语法 过滤器
formatDate:function(val){
return "在这里格式化后返回"
}
}
})
export default {
name:'名称', //名称
components:{ //依赖组件
xx,
ss
},
props:{ //外部属性
propA:{
type:String, //属性 值类型【String Number Boolean Object Array Function】
required:true, //属性 是否必须
// default:'#0cc66', //属性 默认值
default:function(){ //属性 默认值
return '#0cc66';
},
validator:function(val){ //属性 验证函数
return true;
}
}
},
data(){ //内部属性
return{
id:1,
name:'val'
}
},
methods:{ //方法
m1(){
this.$emit('myEvent',arg); //自定义组件事件
}
},
computed:{ //计算属性
m(){}
},
mounted(){ //组件初始化方法
},
watch:{ //侦听器
id(val){} //当 id 发生变化时就会触发
},
directives:{ //自定义指令
}
}