签合网站是哪个好,黑龙江企业网站建设公司,公司建站比较好的,wordpress主题简1、Vux的安装 1.1、vue-cli的vux模板生成项目 可以直接使用 vue-cli 的模板生成一个 vux 项目 vue init airyland/vux2 projectName 由此可以直接使用 vux。#xff08;或许运行项目可能会报错#xff0c;那是 vue-cli 初始项目的通病#xff09; 1.2、手动安装 vux 首先在项… 1、Vux的安装 1.1、vue-cli的vux模板生成项目 可以直接使用 vue-cli 的模板生成一个 vux 项目 vue init airyland/vux2 projectName 由此可以直接使用 vux。或许运行项目可能会报错那是 vue-cli 初始项目的通病 1.2、手动安装 vux 首先在项目里安装vux npm install vux --save 安装vux-loader npm install vux-loader --save-dev 安装less-loader npm install less less-loader --save-dev 然后在build/webpack.base.conf.js 文件里修改配置 加上 const vuxLoader require(vux-loader)将 module.exports 后面的对象赋值给变量 webpackConfig最后在代码后面添加 module.exports vuxLoader.merge(webpackConfig, { plugins: [vux-ui] })。示例 use strict
const path require(path)
const utils require(./utils)
const config require(../config)
const vueLoaderConfig require(./vue-loader.conf)
const vuxLoader require(vux-loader)...const webpackConfig {...
}
module.exports vuxLoader.merge(webpackConfig, { plugins: [vux-ui] }) 这样就可以在项目中使用 vux 了比如在 HelloWorld.vue 文件中 templatediv classhelloh1{{ msg }}/h1group titlecell democell titleVUX valuecool is-link/cell/group/div
/templatescript
import { Group, Cell } from vux
export default {name: HelloWorld,components: {Group,Cell},data () {return {msg: Welcome to Your Vue.js App}}
}
/scriptstyle scoped
/style 参考https://blog.csdn.net/revival_liang/article/details/78267992 转载于:https://www.cnblogs.com/wenxuehai/p/11415878.html