element-ui 基本使用

官网写的非常详细了,但是我仍然要截图下,因为有写问题!

 

element-ui 基本使用_第1张图片

2, 

element-ui 基本使用_第2张图片

 

element-ui 基本使用_第3张图片

 

.babelrc

{
  "presets": [
  
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    ["es2015", { "modules": false }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", 
    "transform-runtime",
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

 

这里特别要指出的,若出现es2015 问题,要继续安装

 若没有出现恭喜你,已经使用成功了

若出现了,就如下解决:

element-ui 基本使用_第4张图片

element-ui 基本使用_第5张图片

再次运行就不会出现问题了:

使用非常简单,因为你已经在main.js 中引入了,

所以在其它组件中,直接使用就行了!

element-ui 基本使用_第6张图片

 

运行,显示结果:

element-ui 基本使用_第7张图片

 

你可能感兴趣的:(VUE扯淡篇)