第 7 章:Vue UI 组件库

学习资料来自尚硅谷VUE教学视频

csdn:课程代码、vue3笔记、课件

gitee:课件、代码、资料

其他:vscode插件推荐、第三方库网站、npmjs库

工具库推荐:
moment.js 时间处理工具,很强很大。还有个轻量的叫dayjs
生成全球唯一id工具:uuid,但是很大,有个精简版:nanoid

章节导航:

第 1 章:Vue 核心(上)

第 1 章:Vue 核心(下)

第 2 章:Vue 组件化编程

第 3 章:使用 Vue 脚手架

第 4 章:Vue 中的 ajax

第 5 章:vuex

第 6 章:vue-router(Vue路由)

第 7 章:Vue UI 组件库

第 7 章:Vue UI 组件库

  • 7.1 移动端常用 UI 组件库
  • 7.2 PC 端常用 UI 组件库

7.1 移动端常用 UI 组件库

Vant 、Cube UI、Mint UI

7.2 PC 端常用 UI 组件库

Element UI、IView UI

Element UI使用举例:

Vue.use(xxx);最好写在关闭生产提示下面
Element UI 按照官网配置按需引入之后报错
Element UI 官网文档内容:将 .babelrc 修改为:

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

第 7 章:Vue UI 组件库_第1张图片
问题就出在"es2015",如果按老版的脚手架确实应该写"es2015",但是现在vue2最新版本应该写"@babel/preset-env"代表babel里的一个子库preset-env预设环境

其他报错,如:not found ‘xxx’,意思就是缺少xxx模块,那就npm i ‘xxx’ 照提示下载

你可能感兴趣的:(学习之路,vue.js,ui,javascript)