本文介绍了Vue中如何处理锚点和查询字符串。在单页面应用中，锚点用于页面内部定位，而查询字符串常用于传递参数。Vue项目通常使用#进行定位，但也可以采用history模式。location对象的search和hash属性分别用于获取查询字符串和锚点内容，需要注意#会影响search的获取。在书写Vue页面URL时，需确保格式正确。
1、什么是锚点
锚点(achor)：其实就是超链接的一种。
如：普通的超链接 详细 主要实现不同页面之间的跳转
2、锚点的使用
锚点超链接一定包含井号"#",锚点超链接都在链接的尾端
例如：同一个页面的不同部分，使用锚点的情况
目标锚元素
产品
锚点超链接：
产品说明
这里就简单说一下，详细见超链接锚点功能
3、vue中url锚点说明
众所周知，vue项目是单页面SPA，所以需要使用锚点来进行定位，当然了，官网也给出了不使用锚点的例子，比如在vue-router中使用history模式，这样url链接中就避免了很丑的hash了。但是这样同样有缺点，就是不能再页面中使用自己设定的锚点了，同时需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。所以为了保险，还是使用锚点的方式，即带#的方式。
vue项目中，如何url中的查询字符串呢？我们一般用location.search来获取。但是其中有一种比较特殊的情况就是查询字符串和vue中的锚点同时出现，并且通过测试，发现vue自身的锚点在查询字符串之前或者在查询字符串之后都是
最低0.47元/天 解锁文章
1440
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
