Vue項目中使用Vux的安裝過程
更新時間：2018年05月01日 09:20:38 作者：蕭雪圣
這篇文章主要介紹了Vue項目中使用Vux的安裝過程,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
最近想用vue+vux寫一個項目，于是到vux的官網(wǎng)看了文檔開始著手搭建項目，但是遇到一些坑。下面簡單說下安裝vux 的過程。
默認已安裝vue環(huán)境
1.安裝vux
npm install vux --save-dev
2.安裝vux-loader
npm install vux-loader --save-dev //官網(wǎng)沒提安裝這個，但是不安裝會報錯
3.安裝less-loader以正確編譯less源碼
npm install less less-loader --save-dev
4.安裝 yaml-loader 以正確進行語言文件讀取
npm install yaml-loader --save-dev
5.修改build/webpack.base.conf.js中的代碼
將原文中的
修改成如下的
6.在安裝完依賴和配置后文件以后，引入vux的模板，把之前的about.vue拿來修改，全部的代碼如下
<template>
<div class="about">
<a href="./index.html" rel="external nofollow" >從about跳轉到demo1</a>
<group>
<cell title="title" value="value"></cell>
</group>
</div>
</template>
<script>
import { Group, Cell } from 'vux'
export default {
components: {
Group,
Cell
}
}
</script>
<style>
</style>
最后在運行 npm run dev，顯示出的about.vue是這樣的，代表已經(jīng)引入vux成功，然后盡情的去使用vux的組件快速開發(fā)吧
總結
以上所述是小編給大家介紹的Vue項目中使用Vux的安裝過程，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
這篇文章主要為大家詳細介紹了vue.js表格分頁示例，ajax異步加載數(shù)據(jù)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
本篇文章主要介紹了vue axios 二次封裝的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了vue項目中onscroll的坑及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了Vue組件解析之如何自定義彈窗組件ByDialog問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要介紹了利用vue.js插入dom節(jié)點的相關資料，文中介紹的非常，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。2017-03-03
vue v-for 點擊當前行,獲取當前行數(shù)據(jù)及event當前事件對象的操作
這篇文章主要介紹了vue v-for 點擊當前行,獲取當前行數(shù)據(jù)及event當前事件對象的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
本篇文章主要介紹了Vue.js父與子組件之間傳參示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
element-ui 中使用upload多文件上傳只請求一次接口
這篇文章主要介紹了element-ui 中使用upload多文件上傳只請求一次接口，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07
這篇文章主要介紹了使用vue-cli打包過程中的步驟以及問題的解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
Vue.js桌面端自定義滾動條組件之美化滾動條VScroll
這篇文章主要給大家介紹了關于Vue.js桌面端自定義滾動條組件之美化滾動條VScroll的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12