引导者本文目录一览：
vue超链接跳转外部链接
1、vue单页应用项目直接使用a标签跳转到外部链接报错，原因是：a标记触发的跳转默认被router处理，加上了前缀。
2、当通过URL方式跳转到其他页面时，Vue会重新加载整个页面并初始化数据，这可能导致之前已经加载的数据被清空。为了避免这种问题，可以考虑使用Vue Router提供的路由导航守卫（Navigation Guards）来管理路由跳转。
3、在HTML中，超链接可以通过使用标签来创建，并使用href属性来指定要链接到的页面。例如，要链接到名为“example.html”的页面，可以使用以下代码： php 前往示例页面 当用户单击此链接时，浏览器将打开“example.html”页面。
4、通过href属性跳转到外部网络资源、通过href属性跳转到内部，本地的网页资源等。通过href属性跳转到外部网络资源：在a标签中添加href属性，指定目标网页的URL。例如：百度。
怎样在vue中跳转到外部链接
1、vue单页应用项目直接使用a标签跳转到外部链接报错，原因是：a标记触发的跳转默认被router处理，加上了前缀。
2、全局导航守卫 在router/index.js中设置前置守卫beforeEach，用于拦截路由跳转，需要在next()中调用next()或next(false)才能进行跳转。
3、方式1：onLoad 接收 方式2：setup语法糖接收 onLoad 函数是监听页面加载，接收的参数是页面传递的数据，是一个 object 类型。
4、在传值页面添加点击按钮，给点击按钮添加跳转的点击事件。这里用this.$router.push，用query方法传值。name指定要传到的页面。query指名要带的参数。
vue如何引用其他组件
1、在Vue中引入组件vue打开外部链接的步骤如下vue打开外部链接： 首先vue打开外部链接，你需要在你vue打开外部链接的Vue项目中创建一个组件。你可以在.vue文件中定义组件，也可以在其vue打开外部链接他文件中定义组件。如果你在其他文件中定义组件，你需要将它们导出为JavaScript模块。
2、vue拿到单元组件的方式是通过ref属性定位，首先在组件上定义一个name值，再在vue里面通过ref来拿到组件信息。
3、在Vue实例中通过 Vue：component）～； ：： ；＊ 绑定的组件都自动成为全局组件，不管这个项目是否需要该组件，都会被加载，增大了开销。
4、在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。
5、解决方式解决的方式就是全局引入组件，并且在vue实例化前。具体到我们项目中，就是在main.js里引入。
