Vue商城項目（vue項目怎么跑起來）
本篇文章給大家談談Vue商城項目，以及vue項目怎么跑起來對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
Vue項目啟動過程以及配置
我們點擊 npm run dev 的時候，這就是啟動 Vue 工程項目，那么它啟動過程是什么樣的呢？ Vue 項目啟動過程，本文簡要介紹。
在執(zhí)行 npm run dev 的時候，會在當前目錄中尋找 package.json 文件，包含項目的 名稱版本 、 項目依賴 等相關信息。
從下圖中可以看到， 啟動 npm run dev 命令后，會加載 build/webpack.dev.conf.js 配置并啟動 webpack-dev-server 。
webpack.dev.conf.js 中引入了很多模塊的內容，其中就包括 config 目錄下服務器環(huán)境的配置文件。
可以看到，在 index.js 文件中包含服務器 host 和 port 以及入口文件的相關配置，默認啟動端口是 8080 ，這里可以進行修改。
index.html 的內容很簡單，主要是提供一個 div 給 vue 掛載。
main.js 中， 引入了 vue 、 App 和 router 模塊， 創(chuàng)建了一個 Vue 對象，并把 App.vue 模板的內容掛載到 index.html 的 id 為 app 的 div 標簽下， 并綁定了一個路由配置。
上面 main.js 把 App.vue 模板的內容，放置在了 index.html 的 div 標簽下面。查看 App.vue 的內容我們看到，這個頁面的內容由一個 logo 和一個待放置內容的 router-view ， router-view 的內容將由 router 配置決定。
查看 route 目錄下的 index.js ，我們發(fā)現(xiàn)這里配置了一個路由， 在訪問路徑 / 的時候， 會把 HelloWorld 模板的內容放置到上面的 router-view 中。
HelloWorld 中主要是一些 Vue 介紹顯示內容。
所以，頁面關系組成是 index.html 包含 App.vue，App.vue 包含 HelloWorld.vue 。
到這，我們開始安裝 router 、 vuex 。
Ctrl+C 退出啟動，繼續(xù)執(zhí)行 vue-cli ，腳手架安裝插件 router 和 vuex 開始。
輸入一個大寫Y，按下Enter
vuex 是專門為 Vue.js 設計的狀態(tài)管理庫，以利用 Vue.js 的細粒度數(shù)據(jù)響應機制來進行高效的狀態(tài)更新。
Vuex 主要有五部分：
① 安裝 vuex
接下來我們在 src目錄 下創(chuàng)建一個 vuex 文件夾
并在 vuex文件夾 下創(chuàng)建一個 store.js 文件
文件夾目錄 長得是這個樣子
在保證我們處于我們項目下，在命令行輸入下面命令，然后，安裝 vuex 。
② vuex 的關系圖
③ 開始使用，在 mian.js 中，引入 vuex
④然后告知 vue 開始使用 vuex (Vue.use(Vuex))
在 store.js 文件中，引入 vuex 并且使用 vuex ，這里注意我的變量名是大寫 Vue 和 Vuex
⑤接下來，在main.js中引入store
到這里算是，以及完成了。
我們再重新看一下此時的項目結構，多了router.js和store.js，其它相關的文件也被修改
使用VUE搭建H5項目
最近開發(fā)一個h5項目，項目使用的vue2.0+vant
主要有以下幾步
1、使用vue-cli創(chuàng)建項目
2、引入vue-router
3、引入vuex及vuex-persistedstate
4、引入vantui
5、引入sass
6、引入flexible
7、引入postcss-pxtorem
8、引入axios
9、配置開發(fā)生產測試環(huán)境參數(shù)
10、引入其他相關庫，例如moment、lodash等
電商平臺可以用vue技術嗎
vue是可以做電商平臺的，主要是根據(jù)電商平臺選取的方案不同vue使用方法也不同。
擴展：vue能不能在電商平臺使用？首先要了解什么是vue與傳統(tǒng)JS和JQuery框架不同，Vue的漸進式框架表示開發(fā)者可以由簡單組件寫起，漸漸搭建出一個復雜的前端平臺。形成Vue漸進式框架的核心概念為：組件化，MVVM，響應式，和生命周期。vue.js一般用的地方是：1、針對于移動端，首選vue入門成本低，快速上手；2、針對于維護較少，組件復用要求不高的項目；3、針對具有復雜交互邏輯的前端應用；4、可以提供基礎的架構抽象；5、可以通過AJAX數(shù)據(jù)持久化，保證前端用戶體驗。
vue技術涵蓋了首頁，商品列表頁，搜索頁面，購物車頁面，個人中心頁面使用的vue-cli3.0進行搭建項目，所以說vue不僅可以用在電商平臺還可以用在頁面框架。
關于Vue商城項目和vue項目怎么跑起來的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。
掃描二維碼推送至手機訪問。
版權聲明：本文由飛速云SEO網絡優(yōu)化推廣發(fā)布，如需轉載請注明出處。
