這一年來說,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 ...