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