Vue項目中使用Vux的安裝過程
更新時間：2018年05月01日 09:20:38 作者：蕭雪圣
這篇文章主要介紹了Vue項目中使用Vux的安裝過程,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
最近想用vue+vux寫一個項目，于是到vux的官網看了文檔開始著手搭建項目，但是遇到一些坑。下面簡單說下安裝vux 的過程。
默認已安裝vue環(huán)境
1.安裝vux
npm install vux --save-dev
2.安裝vux-loader
npm install vux-loader --save-dev //官網沒提安裝這個，但是不安裝會報錯
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是這樣的，代表已經引入vux成功，然后盡情的去使用vux的組件快速開發(fā)吧
總結
以上所述是小編給大家介紹的Vue項目中使用Vux的安裝過程，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
這篇文章主要為大家詳細介紹了Vue自定義圖片懶加載指令v-lazyload，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
vue中手機號,郵箱正則驗證以及60s發(fā)送驗證碼的實例
下面小編就為大家分享一篇vue中手機號,郵箱正則驗證以及60s發(fā)送驗證碼的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了vue3中安裝使用vue-i18n實時切換語言不用刷新問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
調度器是vue3響應式系統(tǒng)中一個非常重要的特性，可調度性指的是當trigger 動作觸發(fā)副作用函數(shù)重新執(zhí)行時，有能力決定副作用函數(shù)執(zhí)行的時機、次數(shù)以及方式，本文通過代碼示例給大家介紹調度器是什么，有什么功能，怎么使用,感興趣的同學可以借鑒閱讀2023-06-06
這篇文章主要介紹了淺談vuex actions和mutation的異曲同工 ，詳細的介紹了actions和mutation的使用和區(qū)別，非常具有實用價值，需要的朋友們下面隨著小編來一起學習學習吧2018-12-12
vue中使用AJAX實現(xiàn)讀取來自XML文件的信息
這篇文章主要為大家詳細介紹了vue中如何使用AJAX實現(xiàn)讀取來自XML文件的信息,文中的示例代碼講解詳細,具有一定的借鑒價值,需要的小伙伴可以參考下2023-12-12
ant design vue datepicker日期選擇器中文化操作
這篇文章主要介紹了ant design vue datepicker日期選擇器中文化操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
這篇文章主要為大家詳細介紹了vue+springboot實現(xiàn)登錄功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
Vue中的element tabs點擊錨點定位,鼠標滾動定位
這篇文章主要介紹了Vue中的element tabs點擊錨點定位,鼠標滾動定位方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
今天小編就為大家分享一篇在vue中阻止瀏覽器后退的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11