怎样实现Vue项目中使用Vux

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了怎样实现Vue项目中使用Vux，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1143字，纯文字阅读大概需要2分钟。

内容图文

这次给大家带来怎样实现Vue项目中使用Vux，Vue项目中使用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>
 <p class="about">
 <a href="./index.html" rel="external nofollow" >从about跳转到demo1</a>
 <group>
  <cell title="title" value="value"></cell>
 </group>
 </p>
</template>
<script>
 import { Group, Cell } from 'vux'
 export default {
 components: {
  Group,
  Cell
 }
 }
</script>
<style>
</style>

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

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

怎样操作vue通过id从列表页跳转详情页

如何利用Vue中slot插槽分发父组件

以上就是怎样实现Vue项目中使用Vux的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的怎样实现Vue项目中使用Vux全部内容，希望文章能够帮你解决怎样实现Vue项目中使用Vux所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---