Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用node.js路由如何兼容vue.js?

使用node.js路由如何兼容vue.js?

提问于 2017-11-24 06:18:41
回答 1关注 0查看 595

node.js做为中间层的前提下:

我看很多项目都是node只负责处理数据提供接口,前端使用vue-cli架构渲染页面,但是这样对SEO很不友好(这里不讨论nuxt);

我想使用node渲染页面来解决这个问题,发现node有很多的模板引擎并不能很好的使用vue.js,只能传统的在html里面引入vue.js来绑定数据。

刚刚接触node.js有点迷茫~

回答 1

Ne_biubiubiu

发布于 2017-11-24 06:57:01

Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将静态标记"混合"为客户端上完全交互的应用程序。

服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用",因为应用程序的大部分代码都可以在服务器和客户端上运行。

和开发者交流更多问题细节吧,去 写回答
相关文章
Vue.js 路由
https://unpkg.com/vue-router/dist/vue-router.js
陈不成i
2021/07/27
5.6K0
vue.js使用watch监听路由变化
watch除了可以监听数据的变化,路由的变化也能被其监听到 效果如下: 路由监听.gif 具体代码 当路由发生变化后,在watch中写具体的业务逻辑 let vm = new Vue({ el
章鱼喵
2018/08/02
6.5K0
vue.js使用watch监听路由变化
在 Vue.js 中使用嵌套路由
随着 Vue.js 单页应用(SPA)变得相当复杂,你开始需要 Vue 路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例,来展示 Vue Router 中嵌套路由的实用性。
疯狂的技术宅
2020/03/16
1.6K0
在 Vue.js 中使用嵌套路由
vue.js路由嵌套
不是每一个路由都从根目录开始,如登录和注册两个路由都属于帐号操作,我们想将这两个路由作为账号的子路由。
章鱼喵
2018/08/02
2.9K0
vue.js路由嵌套
Node.js 路由
我们要为路由提供请求的 URL 和其他需要的 GET 及 POST 参数,随后路由需要根据这些数据来执行相应的代码。
陈不成i
2021/07/12
2.2K0
使用 Node.js 自动创建 Vue 的路由
最近在写一个 Vue 插件,需要在项目中创建一些测试页面,由于都是些静态路由,就想到之前看到过的一个项目就是用 Node.js 来自动生成路由的,于是就借鉴过来改了一下。
Cell
2023/07/11
2540
cssjshtml vue.js 多级路由
main.js import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' import Home from './components/Home' import Menu from './components/Menu' import Admin from './components/Admin' import About from './components/about/About' impor
葫芦
2019/04/17
1.5K0
vue.js路由实例讲解
vue.js的路由功能由vue-router提供 实现以下功能: 登录和注册两个按钮分别对应login和register路由 实现步骤: 导入vue-router库 <script src="http
章鱼喵
2018/08/02
1.8K0
vue.js路由实例讲解
vue.js路由传参
vue.js路由传递参数有两种方式 /login?id=2&name=段誉, 用 $route.query.id 接收 /register/1/乔峰, 用 $route.params.id 接收 效果
章鱼喵
2018/08/02
5.1K0
vue.js路由传参
Node.js路由方法
服务器的本质是端口通讯,因此只需要对80端口进行监听,就可以进行Http通讯。本文使用express模块进行监听
DearXuan
2022/01/19
1.8K0
Node.js路由方法
Vue.js——Node.js基础流程
vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,分为vue init webpack-simple项目和vue init webpack项目两种.当然首先要安装vue,node等一些必要的环境.
你的明明呐丶
2022/07/01
9420
Vue.js——Node.js基础流程
Vue.js 学习笔记 - 路由(Router)
你可以在一个路由中设置多段『路径参数』,对应的值都会设置到 $route.params 中。例如:
不会跳舞的鸟
2022/11/16
9690
Node.js安装使用-VueCLI安装使用-工程化的Vue.js开发
什么是Node.js简介呢?它是一个基于JavaScript的运行环境,Node.js发布于2009年5月,对Chrome V8引擎进行了封装,是由RyanDahl开发的。Chrome V8引擎执行JavaScript的速度很快且性能好。
达达前端
2019/12/20
1.2K0
Node.js安装使用-VueCLI安装使用-工程化的Vue.js开发
cssjshtml vue.js 路由跳转,导航制作
main.js import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' import Home from './components/Home' import Menu from './components/Menu' import Admin from './components/Admin' import About from './components/about/About' impor
葫芦
2019/04/17
3K0
如何使用FormKit构建Vue.Js表单
在本文中,我们将探讨使用FormKit的好处,并提供一个逐步指南,教你如何使用这个强大的工具构建表单。请继续阅读,了解FormKit如何帮助您简化表单构建过程,更快地构建更好的表单!
前端达人
2023/09/11
4970
如何使用FormKit构建Vue.Js表单
Vue.js 如何使用 Socket.IO ?
在很多需求业务中,都需要浏览器和服务器实时通信来实现功能,比如:扫码登录(扫码后,手机确认登录,PC网页完成登录并跳转)、订单语言提醒等,这些都是建立在两端实时通信的基础上的。对前端而言,来实现浏览器和服务器实时通信,最好的选择就是Socket.IO库,能够快速的实现两端实时通信功能。
Javanx
2019/09/04
4.9K0
Vue.js 如何使用 Socket.IO ?
cssjshtml vue.js 路由文件抽离
一.合并在一起的main.js import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' import Home from './components/Home' import Menu from './components/Menu' import Admin from './components/Admin' import About from './components/about/Abou
葫芦
2019/04/17
1.1K0
如何正确使用Node.js事件[每日前端夜话0x4B]
事件驱动的编程变得流行之前,在程序内部进行通信的标准方法非常简单:如果一个组件想要向另外一个发送消息,只是显式地调用了那个组件上的方法。但是在 react 中用的却是事件驱动而不是调用。
疯狂的技术宅
2019/04/23
3.6K0
如何正确使用Node.js事件[每日前端夜话0x4B]
Node.js RESTful API如何使用?
REST(Representational State Transfer)是一种软件架构风格,用于设计网络应用程序的通信方式。RESTful API 是基于 REST 架构风格的 API 设计,它使用标准的 HTTP 方法(GET、POST、PUT、DELETE 等)来进行资源的操作和交互。
网络技术联盟站
2023/07/07
4420
Deno 2021 回顾:优化内核、兼容 Node.js
2021 年是 Deno 获得资助发展的第一个整年。我们的公司 有 10 个员工,而且还在不断增加。
深度学习与Python
2022/03/23
8460
Deno 2021 回顾:优化内核、兼容 Node.js

相似问题

求大神 vue.js 路由配置问题?

1309

vue.js 怎么使用插件?

21K

Node.js Express路由命名和排序如何确定优先级?

1115

Node.js Express路由命名和排序如何确定优先级?

1263

Node.js Express路由命名和排序如何确定优先级?

1173
相关问答用户
腾讯云TDP | TDP会员擅长3个领域
平安资管 | 架构师擅长4个领域
擅长3个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档