注意點(diǎn):
?這邊v-model和value的區(qū)別:v-model是雙向綁定的,value是單向綁定
li的key的問題
?vue的組件化開發(fā):
1. NPM(類似maven,是管理前段代碼的工具)
?安裝完之后可以在cmd里面使用以下指令
2. vue/cl,寫vue的時候就不用html去寫代碼了
?安裝好之后,找到你放代碼的目錄,cmd,然后npm install -g @vue/cli
?新手選第三個,然后取消掉下面這個
?運(yùn)行項(xiàng)目的代碼:
?3. 模塊化開發(fā)
?
?helloword,是自定義的標(biāo)簽
?關(guān)于自定義組件的添加:
?4.elementUI
4.1 組件內(nèi)部傳值
現(xiàn)在我們自己創(chuàng)建一個組件Movie.vue
標(biāo)框的要注意一下哦
?
?有個問題,有100部電影不可能創(chuàng)建100個組件,咋辦捏?
顯然,這個“哈利皮特”不應(yīng)該由movie自己提供數(shù)據(jù),而是誰使用了movie組件,誰提供數(shù)據(jù)
使用props,自定義屬性,外界使用movie標(biāo)簽的時候就可以使用這個屬性:
?
4.2 element-ui
文章來源:http://www.zghlxwxcb.cn/news/detail-644736.html
?fontawesome.com (dashgame.com)文章來源地址http://www.zghlxwxcb.cn/news/detail-644736.html
到了這里,關(guān)于Springboot04--vue前端部分+element-ui的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!