前两天写项目时，最终运行发现一个奇怪的问题，浏览器报出这样的错误：[vue-router] invalid mode: [object History]，根据我们的经验，这应该不是组件创建，引用之类的相关问题，由vue-router可以看出是路由配置的问题，而且错误很明显，是mode:'history’的问题，但是当时脑子不太好使，history忘记加引号，这是一个字符串啊！！！问题成功解决！！！

路由属性path路由跳转所到达的路径namecomponent 路由跳转到所对应的组件redirect 路由重定位，主要设置刚进入页面时显示的组件，属性值为路径redirect:'/index'children 路由嵌套，主要实现路由跳转以及页面局部刷新router-view路由匹配到的组件将显示到此标签<router-view></router-view>router-l

你可能会遇到点击<router-link>标签至跳转页面，但跳转页面，没有显示的问题，其原因可能是在index.js里创建的vuerouter对象里面的属性书写错误，其属性值是routes而不是routers//App.vue<template><div id="app"><router-link to="/home">首页</router-l

/dist——打包之后的文件夹，此文件夹被发布到真正的服务器上，项目完成之后，执行npm run build会形成此文件夹/public——此目录下的文件并不会被Webpack处理，它们会直接被复制到最终的打包目录，即/dist下，此文件夹里存放一些不会变动的文件，比如项目运行在浏览器时显示的小图标/node_modules——保存npm加载的项目依赖模块，即第三方包所存放的目录，使用npm in

一. 初始化项目打开idea，点击：文件、New、项目，如下图所示选择：Static Web、Vue.js，点击下一个，如下图所示填写项目名称，以及可以更改项目的存储路径，点击完成，慢慢等待即可项目构建完之后，点击package.json文件，能看到以下红框中的信息，点击箭头所指的按钮即可运行，省去了在终端敲npm run serve运行指令，如下图所示上一步完成之后，以后想运行程序点击下图中的按

vue ui是什么？简单来说，vue ui是一个可视化图形界面，方便你去创建、更新和管理vue项目，包括下载router，vuex，axios，elementui等插件，配置好一些属性以及依赖关系，方便我们使用，我个人第一次接触它就感觉非常非常非常智能和强大配置步骤安装Vue CLI，因为vue ui是在Vue CLI基础上封装的npm install -g @vue/cli打开C:\Users*