總結一下《vue的使用》

2022-09-14 17:57:14 字數 1090 閱讀 7485

1.用vue建立專案的時候,

1.安裝axios,對axios進行處理,建立axios.js檔案,設定基礎請求位址,

設定前置守衛和獨享守衛,對請求資料進行設定,(特別實在進行token驗證的時候特別需要設定)

2.後台伺服器如果跨域,需要在根目錄建立vue.config.js具體參考vue官網的介紹

3.配置router,對router進行修改,建立乙個router資料夾,把router.js改為index.js放進區,

在index.js中設定 ,把routes進行獨立出來,可以進行單獨的設定,沒款花更加細緻

3.對vuex的stor進行設定設定進行模組的操作,對modules進行單獨的設定,然後引入store中即可

4.安裝element(vue add element)

5.刪除不需要的模組,對router,main。js進行刪除和修改

2.使用時,

2.對modules的模組進行namespaced:true設定,這樣可以很好的處理一些簡單是模組方法的命名問題

3.在建立元件的時候,如果是動態元件就建立在views中,如果是固定的元件,就建立到components中,對元件的使用要充分認識到他的作用

4.合理使用slot插槽的使用,插槽分為不命名插槽和命名插槽,當需要在傳輸法諾個值的時候就需要命名插槽

5.動態繫結資料,對數的使用要進行分析

6.元件中的資料不一定要逗儲存在state中,要根據儲存的資料 作用範圍和**,和是否被其他元件使用,合理使用元件自身的data屬性

7.元件想vuex請求資料時,一定要如果是state資料就可以直接使用,(this.$store.menu.state.user)

actions和getters中,要新增模組名稱(this.$store.dispatch('menu/getuser',id))

8.在第一次進入頁面的時候就要請求資料,這時使用的是state的資料,但是在頁面徐盎然之前,要在鉤子函式created中進行請求資料對state中資料進行賦值,一次達到頁面請求資料時有資料的效果

3.element外掛程式

1.element外掛程式在使用的時候一定要看api文件

2.在是用的時候對資料和請求的使用一定要合理

總結一下android shape的使用詳解

shape使用 漸變色 分割線 邊框 半透明 半透明陰影效果 下面是shape中各個屬性代表的含義 shape xmlns android android shape rectangle oval line ring 預設為rectangle corners shape rectangle 時使用,...

總結一下vue 得keepalive得實現原理

keep alive是vue得乙個內建元件,能將元件快取進記憶體,下次載入直接從記憶體中獲取。有2個屬性 include a 將快取元件名為a得元件 exclude a 元件名為a得不會被快取 注 元件名是 元件內內得name值 跟data同級 提供兩個生命週期 activated與deactiva...

總結一下最近使用vue構建專案時遇到的坑

雖然vue cli提供了很方便的腳手架來構建自己的專案,但是在實際開發過程中,我還是遇到了一些問題,現將其摘要如下 1 使用npm run build命令後會將我們的 壓縮至dist資料夾內,dist資料夾內目錄如下 此時直接開啟index.html是無法開啟的,我的解決辦法是將其放在本地tomca...