新手必读：Vue 打开新的外链，Vue 下载外链图片的传授技能

什么是 Vue 打开新的外链。

在开发中，有时候需要在新标签页或是跳转另一个域名的页面进行操作，但是普通的 url 跳转容易出现一个问题，新开的页面会覆盖之前的页面，使用 Vue 打开的外链可以解决这个问题。

VUE打开新的外链步骤：

1. 使用 a 标签，利用 href 属性跳转页面。

2. 使用Vue router 自带组件“router-link”，通过 to 属性切换路由，避免<a>标签刷新。

3. 使用window.location.href跳转页面，加载外部资源，利用window.open('xxx','_blank')使用新窗口打开外部资源。

Vue 下载外部资源的方案 :

Vue中处理资源的方式通常是通过Vue3中的MutableInjection来处理的。MutableInjection的作用是通过Reactive Reflect去管理响应性Resource的状态，主要用于处理资源的生命周期。

Vue 下载外部图片使用官方推出的组件如下所示 :

1.在模板中引入<img/>标签src=\"{{ imageUrl }}\"属性绑定该组件对应属性{{ imageUrl }}

2. \"npm install vue-resource --save\"；导入后在*mian.js*里进行 vue.http.options.root ='https://vue-learn-resources.oneworker.cn/api/';Vue.http.headers.common['Authorization'] ='Token ' +store.state.Authorization; 的初始化函数。此时在项目中随意使用$http或vue.http代替XMLHttpRequest或jquery ajax下载资源。

结语

以上是 Vue 打开新的外链，Vue 下载外链资源的方法总结。对一些少儿编程爱好者和 VUE 初学者来说，视野的拓展才是硬道理。理解了Vue的这些细节处理过后，对下一步的完整Vue资源方案会更有想法。