AI 助理
文档备案控制台
文章 2022-05-27 来自：开发者社区

Vue.js - 基于 Vue SEO 四种方案(三)

3、预渲染prerender-spa-plugin如果你只是用来改善少数营销页面（例如 /, /about, /contact 等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML，而是使用预渲染方式，在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可以将你的前端作为一个完全静态的站点。$ cnpm in....

Vue.js - 基于 Vue SEO 四种方案(三)
文章 2022-05-27 来自：开发者社区

Vue.js - 基于 Vue SEO 四种方案(二)

2、静态化静态化是Nuxt.js打包的另一种方式，算是 Nuxt.js 的一个创新点，页面加载速度很快。在 Nuxt.js 执行 generate 静态化打包时，动态路由会被忽略。-| pages/---| index.vue---| users/-----| _id.vue需要动态路由先生成静态页面，你需要指定动态路由参数的值，并配置到 routes 数组中去。// nuxt.config.j....

文章 2022-05-27 来自：开发者社区

Vue.js - 基于 Vue SEO 四种方案(一)

前言：众所周知，Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案，下面列出几种最近研究和使用过的SEO方案，SSR和静态化基于Nuxt.js来说。 1.SSR服务器渲染；2.静态化；3.预渲染prerender-spa-plugin；4.使用Phantomjs针对爬虫做处理。1、SSR服务器渲染关于服务器渲染：Vue官网介绍，对Vue版本有要求，对服务器也有一定要求，需要....

文章 2022-05-27 来自：开发者社区

Vue.js - Vue 项目引入 JQuery 框架(上)

既然写项目，那么少不了用 JQ，那我们就引入进来吧~ 1、因为已经安装了 Vue 脚手架，所以需要在 Webpack 中全局引入 JQuery打开 package.json 文件，在里面加入这行代码，jquery 后面的是版本，根据你自己需求更改。dependencies:{ 　　"jquery":"^2.2.1" }2、然后在命令行中 cnpm install，大多人应该都是使用的淘....

Vue.js - Vue 项目引入 JQuery 框架(上)
文章 2022-05-26 来自：开发者社区

Vue.js - vue-clipboard2（Vue 剪切板功能）

1、安装npm install --save vue-clipboard22、在 main.js 中引入import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)3、例如data() { return { msg: '' } }, methods: { copy(e) { ...

Vue.js - vue-clipboard2（Vue 剪切板功能）
文章 2022-05-26 来自：开发者社区

Vue.js - 如何解决Vue项目IP地址无法访问的问题？

Vue脚手架vue-cli起的webpack项目，用localhost可以正常访问，切换到ip就提示无法访问此网站，下面是详细的介绍。 在编写项目时，有的时候localhost的链接是可以正常访问的，但是我们需要在其他设备上也访问到改地址，所以就需要ip地址进行访问了，但是ip访问提示我们无法访问此网站。 查看 config 文件夹下的 index.js 修改index...

Vue.js - 如何解决Vue项目IP地址无法访问的问题？
文章 2022-05-26 来自：开发者社区

Vue.js - Vue下使用perfect-scrollbar（在特定框架里使用一款并非为该框架定制的库/插件）

其实，如何在特定框架里使用一款并非为该框架定制的库/插件，只有两点：1. 熟悉这个框架2. 熟悉这个库/插件的工作原理说完废话，进入正题。perfect-scrollbar是一款轻量级的滚动插件，具体介绍详见其官网你只需要知道它绝对不是为了vue设计的，和vue没半毛钱关系。那么如何完美的融合其中呢？以下是我的步骤：首先，安装包npm install perfect-scrollbar --sa....

Vue.js - Vue下使用perfect-scrollbar（在特定框架里使用一款并非为该框架定制的库/插件）
文章 2022-05-23 来自：开发者社区

vue动态时间显示（原生javascript封装）

vue动态时间显示1. 封装date.jsfunction showDate() { const date = new Date(); const year=date.getFullYear(); const month=date.getMonth()+1; const day=date.getDate(); const hour=date.getHour...

vue动态时间显示（原生javascript封装）
文章 2022-05-15 来自：开发者社区

vue-cli 4x vue.config.js配置-vue单文件的调试技巧

1, 前言之前一直用的是  vue init webpack my-project 创建项目2.基础项目的结构也很完善最近又看了遍  vue-cli 发现用法不太一样,就玩了下首先刚开始用的时候我内心也是排斥的,毕竟新版 默认创建的话 比较空空如也但是要拥抱变化嘛, 发现可取之处,从0开始搭建结构,有助于对整个项目, 脚手架都有更深的认识简单的不同点罗列如下准备工作//淘宝镜....

vue-cli 4x vue.config.js配置-vue单文件的调试技巧
文章 2022-03-29 来自：开发者社区

Video.js 使用教程 - 手把手教你基于 Vue 搭建 HTML 5 视频播放器

本文首发：《Video.js 使用教程 - 手把手教你基于 Vue 搭建 HTML 5 视频播放器》Video.js 是最强大的网页嵌入式 HTML 5 视频播放器的组件库之一，也是大多数人首选的网页视频播放解决方案。复杂的网页视频渲染，在引入 Video.js 后，轻松解决。本教程手把手教你搭建一套基于 Vue 的 Video.js 视频播放页。跟随本教程学习，最终你可以自己搭建一套可以播放本....

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

JavaScript更多vue相关

JavaScript您可能感兴趣

产品推荐

Node.js 性能平台
Node.js 性能平台（Node.js Performance Platform）是面向中大型 Node.js 应用提供 性能监控、安全提醒、故障排查、性能优化等服务的整体性解决方案。提供完善的工具链和服务，协助客户主动、快速发现和定位线上问题。
申请开通
产品文档
入门指导
产品快速入门
常见问题
最佳实践
内存泄露案例
产品动态
产品最新动态

开发与运维

集结各类场景实战经验，助你开发运维畅行无忧

+关注