-
some方法使用,只要有一個(gè)符合條件就返回true
界面跳轉(zhuǎn)☆
查看全部 -
every的使用,foreach的使用
查看全部 -
父子組件傳參
首先是在點(diǎn)擊刪除按鍵時(shí),觸發(fā)組件的delCartConfirm函數(shù),動(dòng)態(tài)修改modal組件是否顯示的一個(gè)bool變量modalConfirm,使他為true,這時(shí),父組件modal把true通過prop傳遞給子組件,然后子組件中的div就增加了顯示的class,當(dāng)點(diǎn)擊子組件的關(guān)閉按鍵時(shí),監(jiān)聽的點(diǎn)擊喚醒了closeModal函數(shù),通過emit從子組件中調(diào)用父組件的close對(duì)應(yīng)的函數(shù),從而再動(dòng)態(tài)修改modalConfirm為false。
查看全部 -
?<div?class="item-price-total">{{(item.productNum*item.productPrice)|currency}}</div><!--添加了過濾器-->
??//定義局部過濾器
filters:{
??????currency(value){
??????????if(!value)?return?0.00;
??????????return?'¥'+value.toFixed(2)+'元';
??????}
??},
查看全部 -
直接把這個(gè)當(dāng)做接口,雖然沒有用到數(shù)據(jù)庫,但是寫的代碼方式是一樣的。
因?yàn)槭褂昧藇ueaxios,所以不用再到每個(gè)地方都用import axios,直接使用即可。
查看全部 -
public是整個(gè)項(xiàng)目的靜態(tài)資源,可以把imgs放進(jìn)去
本次課是對(duì)組件的拆分,接下來進(jìn)行組件間的交互
查看全部 -
component里存放組件(組件一般用大寫命名)
assets里存放計(jì)算資源css、img等
pages自己創(chuàng)建,放置網(wǎng)頁(組件一般用小寫的命名):其實(shí)也是組件,都是vue文件
然后再main.js中導(dǎo)入插件(import)
import?axios?from?'axios'//用于發(fā)請(qǐng)求
import?VueAxios?from?'vue-axios'//用于將vue和axios結(jié)合起來
router.js用于搞頁面路由(暫時(shí)不動(dòng)懂)從a跳轉(zhuǎn)到b
App.vue是根目錄
export default 中的name是組件的名字
16.26前完成框架的搭建
(配置一些端口啥的)vue.config.js和babel那個(gè)文件雷同,遵循com規(guī)范?
查看全部 -
安裝腳手架:
npm install -g @vue/cli? ? ?全局安裝
查看全部 -
Node環(huán)境安裝和配置
查看全部 -
vue3.0變化
查看全部 -
vue3.0特性
查看全部 -
組件版本介紹
查看全部 -
forEach:不能鏈?zhǔn)秸{(diào)用,循環(huán)中進(jìn)行修改操作,會(huì)修改原有的數(shù)組;
map:不會(huì)修改原有數(shù)組,map()會(huì)返回一個(gè)新數(shù)組。
查看全部 -
要靈活運(yùn)用已學(xué)知識(shí),computed!
查看全部 -
單頁應(yīng)用本質(zhì)是頁面組件的替換,并沒有真正地跳轉(zhuǎn)頁面。
單頁應(yīng)用不利于SEO,搜索引擎搜索不到。
查看全部 -
computed使用:
當(dāng)其依賴的屬性的值發(fā)生變化時(shí),計(jì)算屬性會(huì)重新計(jì)算,反之,則使用緩存中的屬性值。
另一個(gè)前提是computed里的值必須要在模板中使用,才可以觸發(fā)computed的更新。
查看全部 -
不推薦修改自身的props,會(huì)將值寫死,導(dǎo)致父級(jí)無法再改變?cè)搶傩缘闹怠?/p>
查看全部 -
this.$emit("close") :
觸發(fā)父級(jí)的close事件,
等價(jià)于this.$emit("click"),?
本質(zhì)上是觸發(fā)父級(jí)的click事件,只是給click起了一個(gè)有意義的別名close
查看全部
舉報(bào)