2020-08-18 19:03发布
1 hash 模式下，仅 hash 符号之前的内容会被包含在请求中，如 http://www.abc.com，因此对于后端来说，即使没有做到对路由的全覆盖，也不会返回 404 错误。
2 history 模式下，前端的 URL 必须和实际向后端发起请求的 URL 一致，如 http://www.abc.com/book/id。如果后端缺少对 /book/id 的路由处理，将返回 404 错误。Vue-Router 官网里如此描述：“不过这种模式要玩好，还需要后台配置支持……所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。”
3 结合自身例子，对于一般的 Vue + Vue-Router + Webpack + XXX 形式的 Web 开发场景，用 history 模式即可，只需在后端（Apache 或 Nginx）进行简单的路由配置，同时搭配前端路由的 404 页面支持。
hash模式下，即使浏览器没有请求服务器，页面也会和url一一对应起来
history需要后台的配置支持，因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。
hashhash模式依靠的是onhashchange()事件去监听location.hash的改变。比如这个 URL：http://www.aaa.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此改变 hash 不会重新加载页面。
history利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法。（需要特定浏览器支持）
pushState()方法可以改变URL地址且不会发送请求，replaceState()方法可以读取历史记录栈，还可以对浏览器记录进行修改。这两个方法应用于浏览器的历史记录栈，在当前已有的 back、forward、go 的基础之上，它们提供了对历史记录进行修改的功能。只是当它们执行修改时，虽然改变了当前的 URL，但浏览器不会立即向后端发送请求。
因此可以说，hash 模式和 history 模式都属于浏览器自身的特性，Vue-Router 只是利用了这两个特性（通过调用浏览器提供的接口）来实现前端路由。
hash模式：
1.采用的是[removed]事件进行实现。
2.hash模式可以实现前进 后退 刷新；
3.在一段完整的url中，#后面的值称之为hash；
它的特点在于：hash 虽然出现URL中，但在进行请求时，不会被包含在内一起向后端发起请求，所以改变hash的值对后端完全没有影响，也重新加载页面；
history模式：
1.采用的是利用了HTML5 History Interface 中新增的pushState() 和replaceState() 方法进行实现。
2.可以前进、后退，但是刷新有可能会出现404的报错
3.前端的url必须和实际向后端发起请求的url 保持一致，如http://www.baidu.com/book/id 。
如果后端缺少对/book/id 的路由处理，将返回404错误。
1.重构响应式系统，使用Proxy替换Object.defineProperty，使用Proxy优势：•可直接监听数组类型的数据变化•监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升•可拦截apply、ownKeys、has等13种方法，而Object.define...
vue页面跳转后返回原页面初始位置 vue页面跳转到新页面之后，再由新页面返回到原页面时候若想返回调出原页面的初始位置，怎么来解决这个问题呢？首先我们应该在跳出页面时候记录下跳出的scrollY，返回原页面的时候在设置返回位置为记录下的scrolly...
这个问题建议你系统了解下MVC→MVP→MVVM的进化历程。（1）首先说下MVC MVC全名是Model View Controller，是模型（model）－视图（view）－控制器（controller）的缩写。MVC开始是存在于桌面程序中，使用MVC的目的是将M和V的实现代码分离。从图里可以看...
目前，对于SEO支持比较好的项目方案是采用服务端渲染。所以如果项目有SEO需求，那么比较好的方案是服务端渲染。如果你已经采用了前后分离的单页项目，而你的网站内容不需要AJAX去获取内容和展示内容，那么可以试试 prerender-spa-plugin 这个插件，这个插件是...
Bootstrap和vue不是一个层级的东西.Bootstrap是在jquery时代的UI组件库，而且Bootstrap大部分组件是依赖css的，依赖jQuery的组件主要是有交互的弹窗组件、下拉菜单等
首先你需要引入另一个界面，然后通过$refs.refName的方式调用弹框的方法后者直接把弹框的属性置成true。注意需要另一个页面渲染完成后才能用【$refs.refName】
是的，前端不会Vue根本就没必要再聊下去了
这里有一篇文章可以帮助你https://blog.csdn.net/qq_40282732/article/details/105962708
内部图表大小是与div容器大小位置相关的，如果想调整图表大小位置，调整div的属性就可以。如果是想调整图表与div间上下左右留白，则设置grid属性就可以。
使用 /deep/ 注意：使用 cass 和 less 只能使用 /deep/ 这个方法
创建icons/svg文件夹将svg文件放在该文件夹下面在components文件夹中创建svgiconfont.vue文件文件内容： [removed] import '@/icons' export default { name: 'svg-icon', props: { iconClass: { ...
引用数据类型数组的元素是对象引用,没有实际的值，需要给它实例。例如date days = new date[5];days[0] = new date(2000,12,3)每一个days都要去分配。而基础类型都有默认初始值。
计算属性与响应式并不冲突对立的存在，计算属性往往是用于数据的聚合或者离散，数据响应式的话就是视图响应数据变动（先容我装个逼）在vue中就是通过watcher调用一次实例对象中data的数据（当然这层数据也会做一层映射，映射到实例的属性中）在数据的defineOb...
Vue中有一个自带的transition组件，就是用来实现过渡效果的，具体怎么使用呢，很简单，其实就两个步骤：①用transition组件，把要做过渡效果的元素包起来②写上相应的过渡效果的css是不是很简单，比把大象装冰箱还简单。然而，并没有，在这两个步骤中，我们要...
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 qwe 的问题《vue的hash模式和history模式有什么区别？》','http://www.shouhuola.com/q-27493.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
1 hash 模式下，仅 hash 符号之前的内容会被包含在请求中，如 http://www.abc.com，因此对于后端来说，即使没有做到对路由的全覆盖，也不会返回 404 错误。
2 history 模式下，前端的 URL 必须和实际向后端发起请求的 URL 一致，如 http://www.abc.com/book/id。如果后端缺少对 /book/id 的路由处理，将返回 404 错误。Vue-Router 官网里如此描述：“不过这种模式要玩好，还需要后台配置支持……所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。”
3 结合自身例子，对于一般的 Vue + Vue-Router + Webpack + XXX 形式的 Web 开发场景，用 history 模式即可，只需在后端（Apache 或 Nginx）进行简单的路由配置，同时搭配前端路由的 404 页面支持。
hash模式下，即使浏览器没有请求服务器，页面也会和url一一对应起来
history需要后台的配置支持，因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。
hash
hash模式依靠的是onhashchange()事件去监听location.hash的改变。
比如这个 URL：http://www.aaa.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此改变 hash 不会重新加载页面。
history
利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法。（需要特定浏览器支持）
pushState()方法可以改变URL地址且不会发送请求，replaceState()方法可以读取历史记录栈，还可以对浏览器记录进行修改。
这两个方法应用于浏览器的历史记录栈，在当前已有的 back、forward、go 的基础之上，它们提供了对历史记录进行修改的功能。只是当它们执行修改时，虽然改变了当前的 URL，但浏览器不会立即向后端发送请求。
因此可以说，hash 模式和 history 模式都属于浏览器自身的特性，Vue-Router 只是利用了这两个特性（通过调用浏览器提供的接口）来实现前端路由。
hash模式：
1.采用的是[removed]事件进行实现。
2.hash模式可以实现前进 后退 刷新；
3.在一段完整的url中，#后面的值称之为hash；
它的特点在于：hash 虽然出现URL中，但在进行请求时，不会被包含在内一起向后端发起请求，所以改变hash的值对后端完全没有影响，也重新加载页面；
history模式：
1.采用的是利用了HTML5 History Interface 中新增的pushState() 和replaceState() 方法进行实现。
2.可以前进、后退，但是刷新有可能会出现404的报错
3.前端的url必须和实际向后端发起请求的url 保持一致，如http://www.baidu.com/book/id 。
如果后端缺少对/book/id 的路由处理，将返回404错误。
相关问题推荐
1.重构响应式系统，使用Proxy替换Object.defineProperty，使用Proxy优势：•可直接监听数组类型的数据变化•监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升•可拦截apply、ownKeys、has等13种方法，而Object.define...
vue页面跳转后返回原页面初始位置 vue页面跳转到新页面之后，再由新页面返回到原页面时候若想返回调出原页面的初始位置，怎么来解决这个问题呢？首先我们应该在跳出页面时候记录下跳出的scrollY，返回原页面的时候在设置返回位置为记录下的scrolly...
这个问题建议你系统了解下MVC→MVP→MVVM的进化历程。（1）首先说下MVC MVC全名是Model View Controller，是模型（model）－视图（view）－控制器（controller）的缩写。MVC开始是存在于桌面程序中，使用MVC的目的是将M和V的实现代码分离。从图里可以看...
目前，对于SEO支持比较好的项目方案是采用服务端渲染。所以如果项目有SEO需求，那么比较好的方案是服务端渲染。如果你已经采用了前后分离的单页项目，而你的网站内容不需要AJAX去获取内容和展示内容，那么可以试试 prerender-spa-plugin 这个插件，这个插件是...
Bootstrap和vue不是一个层级的东西.Bootstrap是在jquery时代的UI组件库，而且Bootstrap大部分组件是依赖css的，依赖jQuery的组件主要是有交互的弹窗组件、下拉菜单等
首先你需要引入另一个界面，然后通过$refs.refName的方式调用弹框的方法后者直接把弹框的属性置成true。注意需要另一个页面渲染完成后才能用【$refs.refName】
是的，前端不会Vue根本就没必要再聊下去了
这里有一篇文章可以帮助你https://blog.csdn.net/qq_40282732/article/details/105962708
内部图表大小是与div容器大小位置相关的，如果想调整图表大小位置，调整div的属性就可以。如果是想调整图表与div间上下左右留白，则设置grid属性就可以。
使用 /deep/ 注意：使用 cass 和 less 只能使用 /deep/ 这个方法
创建icons/svg文件夹将svg文件放在该文件夹下面在components文件夹中创建svgiconfont.vue文件文件内容： [removed] import '@/icons' export default { name: 'svg-icon', props: { iconClass: { ...
引用数据类型数组的元素是对象引用,没有实际的值，需要给它实例。例如date days = new date[5];days[0] = new date(2000,12,3)每一个days都要去分配。而基础类型都有默认初始值。
计算属性与响应式并不冲突对立的存在，计算属性往往是用于数据的聚合或者离散，数据响应式的话就是视图响应数据变动（先容我装个逼）在vue中就是通过watcher调用一次实例对象中data的数据（当然这层数据也会做一层映射，映射到实例的属性中）在数据的defineOb...
Vue中有一个自带的transition组件，就是用来实现过渡效果的，具体怎么使用呢，很简单，其实就两个步骤：①用transition组件，把要做过渡效果的元素包起来②写上相应的过渡效果的css是不是很简单，比把大象装冰箱还简单。然而，并没有，在这两个步骤中，我们要...