vue狀態管理vuex
全域狀態管理,所有頁面共享資料
設定資料:
this.$store.dispatch("increment",100000);
獲取資料:
this.$store.state.num;
首先下載插件:
cnpm install vuex --save

然后匯入插件:
找到main.js

在src下新建一個store檔案夾,里面創建一個index.js檔案

使用vueX


vue----slot插槽:
常用于組件呼叫中
首先在components檔案夾中創建slot.vue用于測驗

然后在頁面中使用組件

在瀏覽器中訪問:

作用就是:在組件中寫入的內容,都會被放置到插槽中
如果沒有插件,在組件中寫入內容是無法顯示的
如果組件中有多個插槽,默認都會插入第一個插槽中
需要給插槽命名,在模板使用時指定插槽名

插入到具名插槽中

不過這種寫法已經被廢棄,使用報錯

主要是不支持在元素上直接使用slot,你可以改寫在template上

或者使用新版本推薦的語法 v-slot

這兩種方法都能正常使用具名插槽

vue-resource請求

cnpm install vue-resource --save

main.js 引入插件

使用resource

因為沒有后臺資料,只是簡單演示下用法
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/137739.html
標籤:JavaScript
下一篇:vue移動組件庫Mint UI
