用vue CLI3搭建的项目结构，组件目录结构如图，做个笔记。

vue路由跳转组件页面时，链接跳转了但是组件内容没有显示。问题：组件未加载解决：语法有错误错误写法：const routes = [//输入com时编辑器自动提示components，但如果只有一个组件应使用component{ path: '/login', components: Login }]正确写法：const routes = [//要按正确格式写，上面连着写path和componen

21、主页：通过双层for循环渲染左侧菜单外层for循环用来渲染一级菜单，内层渲染for循环用来渲染二级菜单。在一级菜单里添加v-for指令，再提供唯一的key属性。key值有id就用id。这时候出现了五个“导航栏一”，文本都是写死的，把每个item项对应的authname属性当作名称，给span标签动态绑定名称{{item.authName}}，这样，五个菜单就都渲染出来了。但是展开一个菜单，其

常用的方法一般封装在utils里，方便使用：// 时间格式化function padLeftZero(str) {return ("00" + str).substr(str.length);}export function formatDate(date, fmt) {// 1、获取年份if (/(y+)/.test(fmt)) {fmt = fmt.replace(RegExp.$1, (da

历时三个小时，终于解决了！**其实只要删除一个文件夹就就解决了！**是我没找到！先上图：总而言之我的原因就是，我是把git装在项目里的，导致大量的项目文件都会被追踪，所以不管打开哪个文件都会显示5k+的挂起！打开被污染的项目文件夹列表（即源代码控制器显示5k+的任何项目/文件），找到隐藏文件夹.git，删掉即可！！！因为我的vue项目是重新创建的，删掉隐藏文件夹.git后，输入git命令如git

检查：使用函数或者data中的变量是否忘记加"this."了。

报错信息：想要启动项目输入npm run dev后的报错信息DeprecationWarning: Unhandled promise rejections are deprecated.In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero

由于校园网过期懒得去续费，于是今天电脑连上手机热点，运行vue项目时，报错：vue net :ERR_CONNECTION_REFUSEDUncaught (in promise) Error: Network Error参考了这位博主的vue net :ERR_CONNECTION_REFUSED 的解决办法后，在我的package.json里加上了这行代码：运行后还是不行。疯狂百度后还是没找到

报错如图所示：Property or method “xxx” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by init

安装vue CLI失败后，百度得知在终端执行命令：npm clean cache -force 后大部分人都解决了，但我试过后还是无效。一种解决方案是尝试重新安装node。执行指令npm clean cache -force 失效的一个可能的原因是，终端的一些指令是不能随便执行的，需要管理员权限。执行指令清空，清空的就是一个内部的文件夹，在user/administrator/AppData/Ro