前言
vue 大家應(yīng)該不陌生了,我來講下vue 后臺(tái)的基礎(chǔ)搭建以及組件之間的通訊的一些小bug
1. 我是直接使用vue cli 搭建工具的 很好用∩Ь模基本把所有的搭建工程都幫我們解決了特別是webpack的配置?
我建議初學(xué)的小伙伴可以直接用里面的報(bào)錯(cuò)的機(jī)制辅甥,哪怕是一個(gè)空格也會(huì)報(bào)錯(cuò),這樣以后寫代碼就會(huì)清晰很多了梳虽,
養(yǎng)成良好的代碼習(xí)慣很重要。
2.vue 腳手架的安裝我就不多說了灾茁,作為一個(gè)程序?qū)W會(huì)百度的功力是必須的窜觉。說下里面的一些使用的錯(cuò)誤是复,
首先我們?cè)诎惭b的時(shí)候。有些人會(huì)用npm直接安裝? 有些會(huì)用cnpm 安裝 但是兩個(gè)不能共用? 不然會(huì)報(bào)錯(cuò)竖螃,為此我吃過不少虧淑廊,
可能是因?yàn)樘耍覀冊(cè)诎惭b完成的時(shí)候會(huì)經(jīng)常出現(xiàn)一個(gè)錯(cuò)誤
安裝錯(cuò)誤
下面的那個(gè)是解決方案
文件存放錯(cuò)誤
這兩個(gè)是存放靜態(tài)的文件的特咆。
打包必須加
打包的時(shí)候必須添加? 不然就找不到j(luò)s
本地調(diào)試
vue 幫我們進(jìn)行了跨域? 這個(gè)api是當(dāng)我們有個(gè)路徑是api 的時(shí)候可以轉(zhuǎn)接到服務(wù)器的IP上
對(duì)這塊不懂的小伙伴可以私聊我 (知無不言言無不盡)
組件內(nèi)的通訊
對(duì)于組件內(nèi)的通訊我就不多講了(請(qǐng)查詢?nèi)f能的百度)季惩,但是有個(gè)錯(cuò)誤還是要說一下的
當(dāng)父組件的值給到子組件,然后子組件是不能對(duì)這個(gè)值進(jìn)行修改的腻格,我能想到的有2個(gè)解決方案画拾,一個(gè)解決方案是用vueX 我的省市區(qū)三級(jí) 就是用vuex實(shí)現(xiàn)的。另一個(gè)是想父組件進(jìn)行傳遞然后通過父組件的值的修改來改變子組件的值菜职。
下面是一個(gè)例子有圖有真相
@是添加事件? :添加屬性? 小伙伴們要記得這個(gè) 我經(jīng)常會(huì)被這個(gè)搞混 可能是剛開始寫vue?
是用this.$emit的方法 來使用當(dāng)然你要在父組件上定義好這個(gè)方法
個(gè)人觀點(diǎn)青抛,認(rèn)為vue的還是特別好用的,學(xué)習(xí)的難度還是要比angular? 低一點(diǎn)酬核,好用學(xué)習(xí)難度低蜜另,感謝大佬 !感謝黨嫡意!感謝you大大 举瑰! 對(duì)于我們伸手黨是一個(gè)福音