最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

Vue项目中使用Vux安装配置步骤详解

来源:懂视网 责编:小采 时间:2020-11-27 19:49:08
文档

Vue项目中使用Vux安装配置步骤详解

Vue项目中使用Vux安装配置步骤详解:这次给大家带来Vue项目中使用Vux安装配置步骤详解,Vue项目中使用Vux安装配置的注意事项有哪些,下面就是实战案例,一起来看一下。默认已安装vue环境1.安装vuxnpm install vux --save-dev2.安装vux-loadernpm install vux-loader
推荐度:
导读Vue项目中使用Vux安装配置步骤详解:这次给大家带来Vue项目中使用Vux安装配置步骤详解,Vue项目中使用Vux安装配置的注意事项有哪些,下面就是实战案例,一起来看一下。默认已安装vue环境1.安装vuxnpm install vux --save-dev2.安装vux-loadernpm install vux-loader
这次给大家带来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网其它相关文章!

推荐阅读:

nodejs日志模块winston使用方法总结

vue+vue-router+vuex操作权限

文档

Vue项目中使用Vux安装配置步骤详解

Vue项目中使用Vux安装配置步骤详解:这次给大家带来Vue项目中使用Vux安装配置步骤详解,Vue项目中使用Vux安装配置的注意事项有哪些,下面就是实战案例,一起来看一下。默认已安装vue环境1.安装vuxnpm install vux --save-dev2.安装vux-loadernpm install vux-loader
推荐度:
标签: 安装 VUE 项目
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top