vue_shop项目

项目描述：

实现效果：

在终端中输入命令：

查看工作区是否干净：git status

创建分支名字为login：git checkout -b login

查看现有的分支：git branch

现在就有主

分支(master)和登录分支(login)了

 可以在项目终端中输入vue ui打开项目管理器->任务->serve->运行->启动app

运行出现的问题：

• 页面报错Cannot read properties of undefined (reading 'use') TypeError: Cannot read properties of undefined (reading 'use')

原因：use没有定义，定位在plugins中的element.js中“Vue.use(Button)”，这里上面是“import Vue from 'vue'”，在Vue3中，要使用“import { createApp } from 'vue'”导出Vue

解决方法：添加这三行代码即可

• Newline required at end of file but not found  eol-last （需要空一行，需要哪句代码前面需要空两个格，其他格会报错）

解决方法：

•  Component name "Login" should always be multi-word，要求驼峰法命名，可以在一下文件中修改设置，注意如果多人合作的话需要同时更改设置

在.eslintrc.js文件中的rules加入："vue/multi-word-component-names": "off",

•  配置路由时，出现找不到路径的提示(如下图所示找不到/)，在搜索框地址后面输入login，不能跳转，会报错(提示/login是无效组件)，并且在别的路由配置相同的项目中页面路径中没有#，这个项目中就有#。之后将路由组件换了一种方式导入(之前是路由组件在上方导入，path下方写components:Login导入)，换的内容入下下图所示。之后可以实现路由跳转，路径中还有#。！！！注意，后来发现，不是components:Login，是component:Login，解决了路由跳转报错的问题，并且没有任何报错