關於vue使用的一些小經驗

2022-02-20 04:27:30 字數 2630 閱讀 4916

這一年來說,vue的勢頭很猛,使用者量「噌」「噌」「噌」的漲

為了不掉隊不落伍、在後台大哥的脅迫下,不得不選擇用了它

剛開始很難接受vue的寫法,在編輯器裡很容易報錯,基本上每行都會出現紅色的波浪線

這讓剛用vue的我很炸毛

然鵝,皇天不負有心人,成功的把vue拿下了

不要失望,雖然我的專案就是簡單的幾頁,但是對於剛接觸vue的初學者來說,已經很不容易了

先說說vue常用命令語句

npm install --global vue-cli   全域性安裝 vue-cli

vue init webpack my-project  建立乙個基於 webpack 模板的新專案

cd my-project  找到建立的專案

npm install  安裝依賴,走你

npm run dev  將專案跑起來

以上步驟,在你執行到vue init webpack my-project 這一步的時候,你會遇到一些選項

除了剛開始我傻不拉幾選了yes導致專案基本進行不下去後,我現在基本都會選no

當然,要視情況而定

project name demo  你的專案名稱是啥就是啥  沒啥好猶豫的  趕緊下手走下一步

project description a vue.js project  告訴你這個專案是個vuej.js的專案  如果不傻,就回車下一步,不然我幹嘛用vue來了

author jonetong、vue build standalone 這些和專案沒有太大影響

最主要的就是下面幾步

install vue-router?這是問你要不要用路由,如果你的專案不是單單的一頁,有頁面間的跳轉跳轉,就用

use eslint to lint your code? 這是說你要不要eslint的語法去監控你的** , 建議不用,因為eslint的語法太嚴格,我受不了這麼多報錯

set up unit tests、setup e2e tests with nightwatch?都是問你要不要走測試的路,這個我覺得無所謂,,因為我每次都是把專案按照要發布的去做的,所以我選no

should we run `npm install` for you after the project has been created? (recommended) 這句呢,是說專案被建立後,用npm install 來安裝依賴,還是選其他的。有乙個前輩告訴我yarn比較快,但是我還是決定跟著文件走,所以我選第乙個  npm

然後,你的專案就建立了,找到你開始選擇的建立vue的位址,我選的e盤,到那你就會看到你建立的vue專案就在那

剩下的幾步就是找到專案去自己撒歡玩去吧

如果你是做移動端的專案呢,建議你用minit-ui,如果是pc端的,就用element.ui吧。不要問我響應式怎麼辦,因為我比你更想知道

接下來說說vue可能用到的外掛程式

vue的外掛程式很多,在

裡面都能找到

1.vue的alert

npm install @vuejs-pt/vue-alert    

import vuealert from '@vuejs-pt/vue-alert'

用法:this.$alert.cleardefault()

2.vue移動端框架(minit-ui)

npm install mint-ui -s    

import mint from 'mint-ui'

3.的懶載入

npm install vue-lazyload

import vuelazyload from 'vue-lazyload'

vue.use(vuelazyload, )

這是我在我的專案裡用到的,其他你有需要可以自己去這裡

找找不知道你們會不會在頁面裡用到a標籤的href為mobile的屬性,反正我是用到了

在vue裡要這樣處理才行

}其實就是變數拼接,不懂之前確實很讓人頭疼

最後就是說vue的axios了

首先說說axios的引入問題了,

剛開始在網上搜了一堆,但是沒有乙個能解決我的問題的,誰叫我不是屬於你的小仙女呢

import axios from 'axios'

var $axios = axios.create();

vue.prototype.$axios = $axios;(// 掛載到vue的原型,也為了在其他頁面也可以fined到axios)

就是這樣,axios成功的被引入了

如果你想看例子,我可以給你截兩張圖,實在不想打字,太累了

乙個是get的、乙個是post的

你可能會遇到跨域的問題,找你們後台大哥吧,我的就是後台在server端處理的,如果型別是post,你加一行我畫紅框框標出來的那一行就行了

到這裡,即使沒有幫到你,也請不要怪我

有問題你可以來找我,雖然可能我的技術還不如你

哈哈哈扣扣:1375752423

web開發的一些小經驗

1.ajax的使用之一 ajax success function msg 返回的資料在msg中,成功的時候才呼叫 success函式。2.載入頁面的時候就呼叫js document ready function 3.樣式的使用 img removeclass imgtest2 移除樣式 img a...

關於前端開發的一些小經驗總結

0 開發的時候,對於控制台的警告一定給消除掉,一定要!1 就vue.js框架來說,能用 elemenet 元件,就盡量往 element 元件上靠,除非是你想自己實現自己的元件 2 對話方塊的控制變數最好寫在外面控制,我們組的專案好像一直都寫在對話方塊檔案的裡面 3 關於 v for 的使用,把 k...

VBA學習中的一些小經驗

1.關於vba字串格式化 下面的博主寫的很詳細,我就直接貼過來就是了,非常感謝。2.vba對cell賦值的幾種方式 比如給 a1 賦值 5 有下面方法 1 range a1 value 5 2 cells 1,1 5 3 a1 5 3.vba字串的拼接 字串的拼接用 符號連線,如下 ctaxout ...