拋開vue-cli 利用requireJS搭建一個vue項目


---恢復內容開始---

現在學習vue都是利用腳手架vue-cli快速搭建一個項目,這是非常高效的方法,我是十分推薦的,但是有時候在沒有互聯網的情況,我們沒辦法在node環境下,敲一個nmp install XXX幫我們搭建系統。這邊也遇到了這樣的情況,記錄一下過程,備忘。

采用的方式是利用requireJS搭建一個遵循AMD規則的vue項目。關於這一塊,大家可以百度一下,查詢相關資料熟悉requireJS的使用。

第一步,都是建立一個如下常規的簡單的工程結構:

----lib 存放js庫文件

---src主要的編碼位置,vue的組件都在這個地方編寫

---index.html 整個項目的布局頁(相當於asp.net mvc里面的_layout)

---index.js 項目腳本的入口

---require.conf.js 這部分代碼我從index.js里面抽出來的,單獨成一塊,讓整個項目顯得更有結構,這里的代碼是項目的入口。

2.在布局頁引入require.js,注意在data-main指定了require執行的入口是require.config.js(requireJS默認解析js,擴展名可以省略)

 

 

3.在require.config.js是定制整個項目的依賴。

 

 4.需要引入的vue都引入了,后面就是開始建立在index.js建立實例化vue,后面的都是常規操作

5.在src下面編寫組件

6.配置路由,和編寫vuex,該項目簡單做了一個登陸校驗。

 

 

該項目包含了vuex和vue-router的基本用法,有興趣的可以下載代碼查看。

Git倉庫地址:https://github.com/TurboV/WebWork.git


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM