v-model可以代替checked的值
"checkbox" value="小紅" v-model="girl">小紅
"checkbox" value="小綠" v-model="girl">小綠
vue的元件化 ,核心功能就是 前端模組化- 元件可以把功能拆分成乙個個模組 不能使用 html5標籤名 js關鍵字
vue.
component
("lay_head",}
test
`,data()
},methods:}}
)new
vue(
,// 區域性元件
components:
,"lay_main":,
"lay_footer":}
, methods:);
}}})
// 父元件 屬性 data:
//子元件 屬性 data()}
// this.$on( event, callback )
// 監聽當前例項上的自定義事件。事件可以由vm.$emit觸發
//vm.$emit( event, [引數] )
//全域性傳參
// 全域性傳參
vue.
component
("lay_head",);
// this.$parent.$emit("test",);}}
, components:
);// console.log(this.$root.name);}}
}}})
newvue(,
mounted()
)// 代表 根元件 $root
// 不推薦使用因為會影響全域性環境
this
.$root.name=
"msea";}
})vue.js 開發環境使用js檔案
vue.main.js 生產js檔案,
vue.main.js 是線上使用,裡面把props驗證模組乾掉了
// props 驗證
newvue(,
components:
,// 指定多種型別
// props:,
// 如果屬性沒有傳預設型別
// props:
// },
/* 返回乙個預設物件
props:
return obj;}}
},*/
props:}}
, template:
` }
`}}}
)
苦盡回甘，需要乙個漫長的過渡和累積。清苦嚐遍，方知甘甜的幸福
Vue入門筆記
a.el屬性 設定掛載點 通過css選擇器設定vue例項管理的元素 1.vue例項的作用範圍是什麼呢？el命中的元素外部不可使用vue例項管理的資料，但是命中元素及其內部後代元素可以隨便使用 2.是否可以使用其他的選擇器？支援id選擇器，class選擇器等，但最好在開發的使用使用id選擇器，因為id...
Vue入門筆記002
首先插入一段vue框架的模板 doctype html en utf 8 viewport content width device width,initial scale 1.0 x ua compatible content ie edge document title script head ...
Vue入門筆記003
生命週期函式 在vue中，每個例項在被建立時都要經歷一系列的初始化過程，例如需要資料解析 編譯模板 將例項掛載到dom並在資料變化時更新dom等等，同時在這個過程中也會產生一些叫做生命週期鉤子的函式，這給了使用者在不同階段新增 的機會。什麼是生命週期 從vue例項建立 執行 到銷毀期間，總是伴隨著各...