vue-router实现单页面怎么跳转到加载写好的.vue文件 vuejs 怎么跳转到外网页面
vue-router实现单页面怎么跳转到加载写好的.vue文件
首先在app.vue里面有这么一段 然后你所点击的按钮其实是这个东西，这个其实就是个封装完的a标签 你在router里面配置完了相关路由之后就能在点击这个按钮的时候将router-view标签里面的组件替换掉了
vuejs 怎么跳转到外网页面
vue.js路由使用方法：vue1.0的方法
1
登陆
//1、准备一个根组件
var App = Vue.extend()
//2、准备组件
var Login = Vue.extend({
template:{
登陆页面
}})
//3、准备路由
var router = new vueRouter()
//4、关联组件和路径
router.map({
login:{
component:Login //组件名称
}
})
//5、启动路由
router.start(App,#box)
//6、默认跳转页面（不是必须）
router.redirect({/:login})
如何从其它页面跳转到vue里？
{{ msg }}
// 这是我们的Model
var testData ={
msg: HelloWorld!
}
// 创建一个 Vue 实例或"ViewModel"
// 它连接 View 与 Model
var vue = newVue({
el:#test,
data:testData
})
vue模板如何跳转到404页面
localhost:8080/xname/1 localhost:8080/xname/2 xname.vue只created一次怎样才能让1和2页面显示的数据不一样呢，尝试了下watch $route，我的xname.vue代码如下： created(){ this.fetchdata() }, watch:{ $route:fetchdata }, methods:{ fetchdata(){ console.log("created") } } 但是这种方式会存在下面的问题页面进入的时候执行了一次fetchdata，页面离开的时候又执行了一次fetchdata，每次进入页面都得刷新数据，没有缓存
vue怎么刷新当前页面
工具/原料
vue.js
webstorm
方法/步骤
一、原理
如上图所示，我们需要为要刷新的页面A编写一个自动跳回的空页面，当用户操作了A页面后，A页面先跳转到空页面，然后空页面马上跳回A页面，这时候vue会去重新加载A页面。这种方法可以变相实现自我刷新，缺点是当需要刷新的页面较多时，空页面也会随之变多。
二、当前页面事件监听
如上图所示，我们定义了refreshPage方法，这个方法是对特定事件的回调，在这个方法会处理业务逻辑，然后在最后使用vue的router跳转到一个空页面，这个空页面路由路径是/user/back，这个路径是随便取的，大家可以选择自己的路径
三、空页面的编写
步骤阅读
如上图所示，在空页面中立即执行路由，跳回原来的页面，这时候原来的页面会进行重新加载，从而实现了刷新。这里的/user/index就是跳回原来页面的路由路径，大家需要根据自己的项目情况写。
四、注意事项
本经验所使用的方法，其实是一种hack方法，在极端情况下，比如网络极端恶劣，那么可能出现跳到空页面后跳不会来，或者干脆跳不到空页面的情况，大家需要根据自己的项目情况酌情选择。