1.vue-cli 3.0 建立專案之後,webpack的配置被隱藏了。當你需要覆蓋原有配置時,則需要在原有根目錄下,建立vue.config.js來配置自己的配置。vue.config.js會自動載入。
module.exports = ,
},if (!this.proxy)
},// 是否顯示打包程序
progress: false
},// vue-cli內部的配置是通過 webpack-chain配置的。允許以更細微的粒度來控制其內部配置
// eg: 配置resolve選項、配置module選項...
chainwebpack: (config) =>
}
2.mock.js也可以只產生資料。不參加介面的攔截。如:攔截請求使用node-express中介軟體,返回資料的格式使用mock.js來模擬
const mock = require('mockjs')
res.json(mock.mock(
}))})
3.對於元件庫的使用
自己有的元件盡量用自己的,不得已引入了第三方元件就按需載入
// 專案中用到了antd的元件 antd.js
export from 'ant-design-vue'
// main.js
import * as antd from '@config/antd'
import vue from 'vue'
// vue.use全域性引入
for (let x in antd)
4.beforeeach路由守衛判斷登陸
router.beforeeach((to, from, next) => else if (!permision) else
} else else `)
}}})
5.vue全域性引入元件時候給元件重新l名乙個名字
vue.component('l-table', table)
6.元件可以使得全部的anted-design-vue元件的語言變為中文
7.vue模板檔案中,盡量少的減少字串,數字的出現,如果某些字串,數字必須出現,且這些字串都是永遠不會改變的。那麼必須用帶有附帶可讀意義的常量代替。增加可讀性。
// 請求成功
export const success_code = '0'
// 專案配置
export const null_key = ''
// 角色許可權 每個常量代表一種角色
export const super_admin = '0'
export const venue_admin = '1'
export const channel_admin = '2'
8.專案中用到的key-value形式的配置檔案,用map代替object形式,取值時map.get()
export const direc_public = 'a'
export const not_direc_public = 'b'
export const direcpublicactimap = new map([
[null_key, '請選擇'],
[direc_public, '是'],
[not_direc_public, '否']
])
9.vuex-persistedstate可以生成持久化vuex資料,內部原理時設定了localstorage
import createpersistedstate from 'vuex-persistedstate'
vue.use(vuex)
export default new vuex.store()
10.如果由需求是相對於不同許可權的使用者,展示不同的元件,或者側邊欄。可以把這些角色用常量標識出來,在路由配置中,分析哪些角色可以看到這個元件,把這些人組成乙個陣列,放在對應元件下的meta中
}
11.axios響應或者請求***
axios.interceptors.request.use((request) => )
axios.interceptors.response.use(
(response) =>
})
專案經驗總結
每乙個專案過後,我們總是有各種各樣的體會,這些體會就是我們的收穫,也是我們成長的源泉,也許過了一段時間我會忘記,但是,筆記能夠讓他們清晰的保留下來!綠網專案 寧肯走的慢一點,也要保證方向是正確的!注意 無論做什麼專案,首先,我們需要清晰的明確大的環境,如究竟是在哪台伺服器上 究竟連線的是哪個庫 究竟...
專案經驗總結
使用者需求就是能幫使用者解決實際問題的一套解決方案。在經歷過多年的企業專案之後,發現專案中最大的風險來自於使用者需求的變更。需求變更產生風險的最大原因在於未做好需求處理,所以在此希望和大家 下企業應用的需求處理。先給大家舉乙個未處理好需求的例子 使用者說要做乙個實時監控的功能,要監控網路中實時發生的...
專案經驗總結
1 時間元件 html js var inittime function del on click function 2 介面初始化 初始頁面 var init finction 3 初始化列表,按照條件查詢 初始化列表,按照條件查詢 var showbookresourcegrid functio...