Vue中如何使用vux配置

　　介绍

小编给大家分享一下Vue中如何使用vux配置,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

Vue的优点

Vue具体轻量级框架,简单易学,双向数据绑定,组件化,数据和结构的分离,虚拟DOM,运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和DOM,可以大大提升访问速度和用户体验。

Vue中使用vux的配置,分为两种情况:

<强>一,根据vux文档直接安装,无需手动配置

npm  install  vue-cli  -g ,//,如果还没安装 　　vue  init  airyland/vux2  my-project ,//,创建名为,my-project 的模板 　　cd  my-project ,//,进入项目 　　npm  install ——注册表=https://registry.npm.taobao.org ,,//,开始安装 　　npm  run  dev ,//,运行项目

<强>二,想在已创建的Vue工程里引入Vue组件

& lt; 1祝辞。在项目里安装vux

npm  install  vux ——拯救

& lt; 2祝辞。安装vux-loader(这个vux文档似乎没介绍,当初没安装结果报了一堆错误),

npm  install  vux-loader ——save-dev

& lt; 3祝辞。安装less-loader (这个是用以正确编译少源码,否则会出现& # 39;无法获得/& # 39;)

npm  install  less  less-loader ——save-dev

& lt; 4祝辞。安装yaml-loader (以正确进行语言文件读取,我没安装似乎也没报错)

npm  install  yaml-loader ——save-dev

& lt; 5祝辞。在构建/webpack.base.conf。js文件进行配置

const  vuxLoader =,需要(& # 39;vux-loader& # 39;) 　　const  webpackConfig =originalConfig//,原来的,module.exports 代码赋值给变量,webpackConfig,//即将原来的module.exports 改为,const  webpackConfig 　　module.exports =, vuxLoader.merge (webpackConfig,{,插件:[& # 39;vux-ui& # 39;],})

以上是“Vue中如何使用vux配置”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

Vue中如何使用vux配置