最近想用vue+vux寫一個項目,于是到vux的官網看了文檔開始著手搭建項目,但是遇到一些坑。下面簡單說下安裝vux 的過程。
默認已安裝vue環境
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的組件快速開發吧

總結
以上所述是小編給大家介紹的Vue項目中使用Vux的安裝過程,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
新聞熱點
疑難解答