Vuejs2 Vue监视页面url更改

我正在尝试查看页面url。我不使用Vue路由器

我的最终目标是将页面url设置为输入值：

导出默认值{
数据（）{
返回{
pageUrl:window.location.href，
链接：“”
}
},
观察：{
pageUrl:function（）{
this.link=window.location.href
}
}
}

上面的例子在某种程度上不起作用

我也试过了

观察：{
'window.location.href'：函数（）{
this.link=window.location.href
}
},

仅在组件渲染时设置一次输入值。

---

有什么问题吗？

嗯，这正是您希望使用vue路由器的原因

vue只能检测反应性属性的变化：

如果要对url中的更改做出反应，有两种方法：

或

---

我更愿意使用vue router或类似的插件。

我不能使用vue router，因为我使用的是单文件组件，“主”模板不是以静态html的形式提供的，而是以页面的形式提供的，用phpthat呈现没有多大意义。你是说它不是一个单页应用程序吗？是的，它不是一个水疗中心