vue api

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

	}
}
相關文章
相關標籤/搜索