vue 后台获取数据 下拉框_Vue开发中的一些常见套路和技巧
生活随笔
收集整理的這篇文章主要介紹了
vue 后台获取数据 下拉框_Vue开发中的一些常见套路和技巧
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
屬性排放
管理請求加載狀態(tài)
Proxy跨域
對developer和build的打包進行不同配置
大部分開發(fā)者都喜歡將Vue的config寫在一個文件中,看起來是沒有問題,但是隨著環(huán)境的變化,項目優(yōu)化,WebPack插件,等等具有針對性的配置進來后,就會顯得稍微雜亂了,這個時候就可以考慮做單獨的配置,通過process.dev分別對不同的環(huán)境進行一個config的引入,下面貼出我的配置方式。我在項目根目錄下新建了一個config目錄,里面將公共的方法進行拆包成一個public.js其他的根據(jù)生產(chǎn)環(huán)境和線下環(huán)境進行一個區(qū)分的編譯。計算屬性實用
集合方法
保持對Props的數(shù)據(jù)驗證規(guī)范
組件名稱使用
大多時候,我們在組件中定義的name都是作為在template模板中使用的名稱,這里建議使用駝峰命名,因為在vue中對駝峰命名做出了很好的解析。模板引擎調(diào)試
大多數(shù)時候,在template上面寫一些邏輯非常難調(diào)試,都是直接看效果的,對于一些值來說,變得無法掌控,所以說在開發(fā)環(huán)境中,我都會在原型上掛一個全局的console.log方法進行調(diào)試獲取數(shù)據(jù)的生命周期
對于數(shù)據(jù)的獲取一直都是又存在爭議的,大部分同學都是在created中獲取的吧,我個人是在beforeMount中進行后臺數(shù)據(jù)請求獲取的使用async 和 await
大多數(shù)時候,在使用Promise的時候都是通過.then,.catch,.finally來進行處理的。但其實我更加的推薦使用async異步函數(shù)的方式來進行Pormise的處理,我們只需要進行數(shù)據(jù)的獲取就好了,通過try異常捕獲可以快速的對錯誤進行一個好的排查和拋出。參考上面獲取數(shù)據(jù)的生命周期可以看到watch
在自定義事件中,該值是從其子組件中捕獲的值
原作者姓名:steven_jxy原出處:CSDN
原文鏈接:Vue開發(fā)中的一些常見套路和技巧_steven_jxy的博客-CSDN博客
總結(jié)
以上是生活随笔為你收集整理的vue 后台获取数据 下拉框_Vue开发中的一些常见套路和技巧的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: rowspan属性怎么使用(autoti
- 下一篇: html5倒计时秒杀怎么做,vue 设