Vue学习之mint-ui引入，使用注意。

安装mint-ui：

npm install mint-ui -S

按需求引入，在main.js：

//按需求引入ui组件
import {Tabbar} from 'mint-ui'
//全局注册
Vue.component(Tabbar.name, Tabbar)

好要在.babelrc里还要设置：

{
  "presets": [
    ["es2015", { "modules": false }],//新添加的配置
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": [
    "transform-vue-jsx", 
    "transform-runtime",
    ["component", [

    {"libraryName":"mint-ui","style":true}
    
    ]]//新添加的配置
  ]
}

运行npm run dev。。。叮~报错，es2015没有安装。安装：

npm install babel-preset-es2015

再运行，叮~还报错，我尼玛... 忍住，

报错：Unknown plugin "component"，

上网查资料：

npm install babel-plugin-component -D

-d就是--save-dev

--save-dev会使安装包的名称及版本号存在于package.json的devDependencies里面。

说到这里就再说一下-s即--save,它会使安装包的名称及版本号存在于dependencies中。

而devDependencies和dependencies的区别则是：

devDependencies里面的插件只用于生产环境，而dependencies是需要发布到生产环境的。

呼~终于运行起来了。