vue學習隨筆

2022-03-30 22:36:13 字數 815 閱讀 3718

1、css與style的物件繫結與陣列繫結

2、v-if的key語法

3、v-for遍歷物件的三個引數   value key index

4、v-for的key就地服用原則     

5、v-for的優先順序比v-if更高

6、單選框的value,多選框的true-value與false-value

7、表單v-modal繫結修飾符  .lazy .number .trim

8、父子元件之間通訊v-bind=obj傳遞資訊的方法

9、v-model繫結表單元件時,model物件的使用

10、作用域插槽:父元件定義乙個臨時變數(型別為物件),以子元件的slot插槽繫結的屬性為這個臨時變數的屬性,用於填充父元件的內容

11、如果你希望scoped樣式中的乙個選擇器能夠作用得「更深」,例如影響子元件,你可以使用>>>操作符:

.a >>> .b 

style>

上述**將會編譯成:

.a[data-v-f3f3eg9] .b 

有些像 sass 之類的預處理器無法正確解析>>>。這種情況下你可以使用/deep/操作符取而代之——這是乙個>>>的別名,同樣可以正常工作。

通過v-html建立的 dom 內容不受作用域內的樣式影響,但是你仍然可以通過深度作用選擇器來為他們設定樣式。

vue學習隨筆之vue devtools安裝填坑

這玩意貌似挺不好安裝的 而且走了很多的彎路 當然使用谷歌商店另說 大佬也可以直接略過此文 安裝 git 安裝 node.js 當然git不是必須的點這 之後執行npm install或者cnpm install安裝專案所需要的npm包 3.我在npm install安裝的時候提示了乙個錯誤optio...

vue知識隨筆

很多時候 store.dispatch switch dialog 這種寫法又長又臭 很不方便 我們沒使用 vuex 的時候 獲取乙個狀態只需要 this.show 執行乙個方法只需要 this.switch dialog 就行了 使用 vuex 使寫法變複雜了 使用 mapstate mapget...

vue隨筆筆記

el menu item.is active data的資料為tabledate渲染的資料 prop設定 字段 index設定索引值 當設定router模式後index相當於to default active route.path main.js import from element ui vue...