取消与默认属性在我们点击文本框<input>时，文本框默认边框会加黑加粗，影响了视觉效果，我们可以使用outline：none属性来取消默认样式未设置outline：none属性之前的效果如下图所示：鼠标未聚焦之前：鼠标聚焦之后：很清楚的发现轮廓加粗加黑了，使文本框变得很不美观但是加了outline：none属性之后，文本框样式与没有聚焦一样input{outline: none}2.

前两天写项目时，最终运行发现一个奇怪的问题，浏览器报出这样的错误：[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

一. 初始化项目打开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*