配置vux環境

2021-09-02 05:05:36 字數 881 閱讀 7753

第一步

在vue專案中的package.json檔案的dependencies中新增下面三行,即安裝vux及其相關依賴

"vux":"^2.7.3",

"vux-loader": "^1.1.26",

"less-loader": "^4.0.5"

npm install 安裝上面依賴

第二步

在bulid —>webpack.base.conf.js下,

1)首先引入vux-loader

const vuxloader = require('vux-loader')
2)然後將原來的module.exports替換成const webpackconfig,然後在最底下寫上這麼一段**

module.exports = vuxloader.merge(webpackconfig, )
第三步

vux引入成功,可以在vue檔案直接import   from  'vux'

vux部分坑

如果你想直接在元件中的methods方法裡面this.$vux.comfirm.show()這樣呼叫,你就需在main.js裡面配置如下

import  from 'vux'

vue.use(alertplugin)

vue.use(toastplugin)

vue.use(confirmplugin)

vux 選擇器 vue專案中vux的使用

vux 在vue cli中使用步驟如下 1 安裝 npm i vux s 2 vux2必須配合vux loader使用,並配置build webpack.base.conf.js npm i vux loader d const vuxloader require vux loader const ...

vux 選擇器 vue專案中vux的使用

vux 在vue cli中使用步驟如下 1 安裝 npm i vux s 2 vux2必須配合vux loader使用,並配置build webpack.base.conf.js npm i vux loader d const vuxloader require vux loader const ...

Vue 之 Vux資料儲存

在日常vuex專案開發中,我們經常需要這樣乙個需求 頁面是不關閉,那麼資料永久存在,但是vue的外掛程式vux的特性決定了,一旦頁面重新整理,即使不關閉,vux內的狀態,依然會丟失,除非重新賦值 在和朋友交流的時候,朋友推薦了乙個外掛程式,具體作者,我不知道,別笑,但好用就行外掛程式名字為 資料持久...