Vue 初学者使用 Vux 前端开发框架

发布于 2020-02-05 19:17:00 字数 1210 浏览 2175 评论 0

我刚开始使用 Vux 的时候,入门就卡住了,一直安装不成功,看了官方的安装文档完全是懵逼的,一步一步的按照步骤操作居然不成功,最后还是百度了下才成功。

安装 Vux

<1>. 在项目里安装vux

npm install vux --save

<2>. 安装vux-loader (这个vux文档中没有明文跟你说要安装的啦)

npm install vux-loader --save-dev

<3>. 安装less-loader (这个是用以正确编译less源码,否则会出现 ' Cannot GET / ',自己看package.json,如果安装了,就不用装啦!)

npm install less less-loader --save-dev

<4>. 安装yaml-loader (不用装啦)

npm install yaml-loader --save-dev

<5>. 在build文件夹下webpack.base.conf.js 文件进行配置

const vuxLoader = require('vux-loader')
// 新加上去的
const webpackConfig = originalConfig
// originalConfig就是原来的 module.exports出去的代码,把它整个赋值给变量 webpackConfig
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] }) 
// 在最后加多一句,这里就是引用插件 Vux

<6>. 最后别忘了,在 resolve: {} 里加入.less。

extensions: ['.js', '.vue', '.json','.less']

到这里就安装完成了,先运行一下看看是否有报错的。

使用 Vux 组件

在某个页面的 script 内,引入组件

import { Loading, Alert} from 'vux'

还要在 components 写上:

components: {Loading, Alert}

基本上算是组件的通用使用方法。

如果你要全局引入组件,在 main.js 加入:

import { Loading, Alert} from 'vux'
Vue.component('loading', Loading)

这样就不用每个页面都引入组件。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84960 人气
更多

推荐作者

emdigitizer10

文章 0 评论 0

残龙傲雪

文章 0 评论 0

奢望

文章 0 评论 0

微信用户

文章 0 评论 0

又爬满兰若

文章 0 评论 0

独孤求败

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文