vue入门

记录一下入门时碰到的问题。

1. /Users/zuolichen/opt/vue_test/vue_project/vue-strapi/src/components/Clothes.vue
   27:9 error Component name “Clothes” should always be multi-word vue/multi-word-component-names

必须多个单词拼起来，Clothes改为MyClothes。
在为自定义组件命名的时候未按照官方代码规范进行命名，根据 ESLint 官方代码风格指南，除了根组件（App.vue）以外，其他自定义组件命名都要使用大驼峰命名方式或者用“-”连接单词进行命名；

2. Module not found: Error: Can’t resolve ‘vue-router’ in ‘/Users/zuolichen/opt/vue_test/vue_project/vue-strapi/src/router’

   npm install --save vue-router@3

3. export ‘default’ (imported as ‘Vue’) was not found in ‘vue’
   安装的vue-cli为v4以上的版本，其不包含全局的 Vue，Vue 被 createApp函数代替。

在main.js中：

import { createApp } from 'vue' // 代替 import Vue from 'vue' 
import App from './App'
import router from './router'
// import store from './store'

import Element from 'element-ui'

// Vue.use(Element)
createApp(App).use(Element)

// Vue.config.productionTip = false
createApp(App).config.productionTip = false

/* new Vue({
  el: '#app',
  router, 
  // store,
  render: h => h(App)
}) */
createApp(App).use(router)
// createApp(App).use(router).use(store)

在 ./src/router/index.js中：

// import Vue from 'vue'
import { createApp } from 'vue'

import Router from 'vue-router'

// 启动全局组件路由，vue-router才开始执行
// Vue.use(Router)
createApp().use(Router)

4. Uncaught TypeError: Cannot read properties of undefined (reading ‘version’)

   npm uninstall eslint --save

   找到package.json文件中”devDependencies”:删除其中，之后再npm run serve 即可运行：
   “@vue/cli-plugin-eslint”: “~4.5.0”

什么是ESLint？ 官网上告诉我们，ESLint 是一个用来识别 ECMAScript/JavaScript 并且按照规则给出报告的代码检测工具，哦，所以我们可以知道，ESLint 就是一个工具，而且是一个用来检查代码的工具。

5. Trying to get property of non-object

---

书山有路勤为径，学海无涯苦作舟。

欢迎关注微信公众号：【程序员写书】

喜欢宠物的朋友可以关注：【电巴克宠物Pets】

一起学习，一起进步。