mui vue java_vue整合mui

https://github.com/dcloudio/mui

步骤2：将下载来的包中的dist文件夹 放到vue项目的assets中

步骤3：修改webpack配置

找到build下的webpack.base.conf.js

步骤4：修改.babelrc

步骤5：在main.js引入对应的js和css

步骤6：调用mui中的组件

• 面板1

  面板1子内容

export default {

created() {

mui.ajax('http://jsonplaceholder.typicode.com/users',{

dataType:'json',//服务器返回json格式数据

type:'get',//HTTP请求类型

timeout:10000,//超时时间设置为10秒；

headers:{'Content-Type':'application/json'},

success:function(data){

//服务器返回响应，根据响应结果，分析是否登录成功；

console.log(data)

},

error:function(xhr,type,errorThrown){

//异常处理；

console.log(type);

}

});

},

name: 'HelloWorld',

data () {

return {

msg: 'Welcome to Your Vue.js App'

}

}

}

h1, h2 {

font-weight: normal;

}

ul {

list-style-type: none;

padding: 0;

}

li {

display: inline-block;

margin: 0 10px;

}

a {

color: #42b983;

}

标签：vue,步骤,js,json,mui,data,整合,type

来源： https://www.cnblogs.com/kunyashaw/p/10303423.html