开始安装muse-ui

muse-ui是我比较喜欢的风格，因此我希望引入次ui框架，支持vue2的，因此不用担心啦，直接开始。

调出cmd，进入工程目录执行命令行

npm install --save muse-ui

安装完成了之后我们还要修改webpack配置,打开webpack.base.conf.js文件，这个文件比较难理解，但是你去webpack官网找找资料也就不难了。

打开文件，找到module.exports对象，修改对象的resolve属性，替换为如下代码，我们需要修改的别名，resolve方便我们后期引入museUI组件。

resolve: {

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

alias: {

'muse-components': 'muse-ui/src',

'vue$': 'vue/dist/vue.esm.js',

'@': resolve('src')

}

}

现在看看我的main.js

import Vue from 'vue'

import MuseUI from 'muse-ui'

import 'muse-ui/dist/muse-ui.css'

import App from './App'

import router from './router'

Vue.use(MuseUI);

Vue.config.productionTip = false

new Vue({el: '#app',router,template: '',components: { App }});

var div = document.createElement("div");

div.setAttribute("id", "content");

document.body.appendChild(div);

div.innerHTML = "{{keya|capitalize}}";

new Vue({el: "#content",//template: "{{key}}",data: {key: [1,2,3,4]},filters: {capitalize: function (value) {      if(!value) return 'null' ;     value = value.toString();      return value + "test";    }}});

如果大家有不懂随时来问我吧，这样就可以开始学习了。大家看看我的效果吧