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