vue mint-ui初次使用总结

首先安装npm install mint-ui -S

此处选择全局引入，放main.js下

// 官网上没有引入css，需特别注意要引入
import Mint from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(Mint);

　　

在组件中需要用mint的时候，部分js对象还需在组件中单独引入（对象是方法，不是组件，component部分全局引入后不用引入了）

举例：此处想用加载的代码，在mounted里调用官网的方法，在ajax加载完成后关闭调用

  mounted() {
    Indicator.open({  //此处官网引用js代码
      text: "加载中...",
      spinnerType: "fading-circle",
    });
    axios.get("/hotel/mustTry?city=nanjing").then((res) => {
      this.data_list = res.data.data;
      Indicator.close();  //此处官网api关闭调用
    });
  },

　　

 icon部分，官网提供的是icon icon-xxx是模板，不是引入官网icon得意思，如果想引用icon，需要引入自己的iconfont库，如iconfont icon-check