javascript - 将 Vue.js 添加到现有的非单页应用程序

标签 javascript vuejs2 vue-router

我有一个 CMS 支持的网站,其中添加了 Vue.js 来处理该网站的 UI 功能。该功能具有可切换页面内容的选项卡。我需要使选项卡深度可链接,因为需要有一种方法可以将某个选项卡设置为在页面加载时处于事件状态。我可以使用 URL 轻松实现此目的,但我想看看是否可以仅使用 Vue.js 路由器。我无法找到任何资源来将路由器添加到未完全由 Vue.js 提供支持的现有站点。

有没有办法在不进行任何额外服务器配置的情况下添加 vue-router?

最佳答案

您可以在哈希模式下使用 Vue Router 来获取历史记录。您的网址最终将类似于 www.example.com/post/1#tab1www.example.com/post/1#tab2

需要注意的是,如果 SEO 对于该网站很重要,那么您需要在服务器上进行路由,以使页面更容易被 Google 抓取。

关于javascript - 将 Vue.js 添加到现有的非单页应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47518781/

相关文章:

javascript - 在 AngularJS 中构建 SPA 应用程序与纯 JavaScript - 选择哪个 Bootstrap 进行样式设置?

javascript - "innerHTML"是否依赖于事件处理程序?

javascript - vue中路由更改后如何重新渲染已安装的组件?

javascript - Vue路由器保持事件和挂载行为

javascript - 在 Dynamics 表单中加载多个相关的 javascript Web 资源

javascript - 复选框未完成完成功能 html javascript

vue.js - Vuetify 更改文本行在 v-data-table 的页脚中的每页文本

javascript - v-if 当对象更新时不更新子组件

javascript - 在 Vue 中显示具有多个选项的过滤数组

javascript - 定义 Vue-Router 路由时访问 Vuex 状态