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:{ //自定义指令 }}