---恢復內容開始---
現在學習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