如何在Vue项目中使用Vux

  介绍

这篇文章将为大家详细讲解有关如何在Vue项目中使用Vux,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

<强> 1。安装vux

<代码> npm安装vux——save-dev

<强> 2。安装vux-loader

npm  install  vux-loader ——save-dev //官网没提安装这个,但是不安装会报错

<强> 3。少安装less-loader以正确编译源码

npm  install  less  less-loader ——save-dev

<强> 4。安装yaml-loader以正确进行语言文件读取

npm  install  yaml-loader ——save-dev

<强> 5。修改构建/webpack.base.conf。js中的代码

将原文中的

如何在Vue项目中使用Vux

修改成如下的

如何在Vue项目中使用Vux

<强> 6。在安装完依赖和配置后文件以后,引入Vux的模板,把之前的。vue拿来修改,全部的代码如下

& lt; template>   ,& lt; div 类=癮bout"比;   ,& lt; a  href=https://www.yisu.com/zixun/薄?index . html”rel="外部nofollow”>从关于跳转到demo1   <集团>   <细胞title=氨晏狻奔壑?value>      <>脚本   从“vux”进口{组,细胞}   出口默认{   组件:{   组,   细胞   }   }>   

最后在运行npm运行dev,显示出的。vue是这样的,代表已经引入vux成功,然后尽情的去使用vux的组件快速开发吧

如何在vue项目中使用vux

关于如何在vue项目中使用vux就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

如何在Vue项目中使用Vux