在 Vue SPA 应用中，如果想要修改 HTML 的头部标签，如页面的 title，我们只能去修改index.html模板文件，但是这个是全局的修改，如何为每个页面都设置不一样的 title 呢？下面介绍两种方法。
在项目中，有一个搜索页面，需要根据不同的关键字，动态修改meta信息，用于seo优化。
最近，有很多小伙伴反馈，说在部署蘑菇博客后，发现没有办法修改网站的 meta 信息，也就是浏览器上的 icon图标和标题信息，没有办法自定义。
什么是Meta标签呢？这可不是最近很火的“元宇宙”或是FB。Meta标签，或者说Meta元素，是HTML内head标签的一部分。通常用于指定页面描述、关键字以及未在其他head元素、属性中提供的其他元数据。间接参与浏览器页面渲染，或者为搜索引擎的爬虫提供引导（进而让搜索引擎更好收录网站）。
hash模式对应的路由是类似于这个样子的 http://localhost:8080/#/about
Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。本文列举了用于Vue 2和Vue 3的 15个 流行的 Vue 插件。
Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。
英文 | https://javascript.plainenglish.io/best-27-vuejs-development-tools-for-developers-bd972bb5f573
最近有测试和 local 投诉，我们管理系统的登录页面经常加载很久，常常会有页面已经出来了，但是点击登录毫无反应，直到全部加载后才能登录。于是，他们提出让我们去优化。
element：饿了么出品的Vue2的web UI工具套件 Vux：基于Vue和WeUI的组件库 mint-ui：Vue 2的移动UI元素 iview：基于 Vuejs 的开源 UI 组件库 Keen-UI：轻量级的基本UI组件合集 vue-material：通过Vue Material和Vue 2建立精美的app应用 muse-ui：三端样式一致的响应式 UI 库 vuetify：为移动而生的Vue JS 2组件框架 vonic：快速构建移动端单页应用 eme：优雅的Markdown编辑器 vue-multiselect：Vue.js选择框解决方案 vue-table：简化数据表格 VueCircleMenu：漂亮的vue圆环菜单 vue-chat：vuejs和vuex及webpack的聊天示例 radon-ui：快速开发产品的Vue组件库 vue-waterfall：Vue.js的瀑布布局组件 vue-carbon：基于 vue 开发MD风格的移动端 vue-beauty：由vue和ant design创建的优美UI组件 vue-blu：帮助你轻松创建web应用 vueAdmin：基于vuejs2和element的简单的管理员模板 vue-syntax-highlight：Sublime Text语法高亮 vue-infinite-scroll：VueJS的无限滚动指令 Vue.Draggable：实现拖放和视图模型数组同步 vue-awesome-swiper：vue.js触摸滑动组件 vue-calendar：日期选择插件 bootstrap-vue：应用于Vuejs2的Twitter的Bootstrap 4组件 vue-swipe：VueJS触摸滑块 vue-amap：基于Vue 2和高德地图的地图组件 vue-chartjs：vue中的Chartjs的封装 vue-datepicker：日历和日期选择组件 markcook：好看的markdown编辑器 vue-google-maps：带有双向数据绑定Google地图组件 vue-progressbar：vue轻量级进度条 vue-picture-input：移动友好的图片文件输入组件 vue-infinite-loading：VueJS的无限滚动插件 vue-upload-component：Vuejs文件上传组件 vue-datetime-picker：日期时间选择控件 vue-scroller：Vonic UI的功能性组件 vue2-calendar：支持lunar和日期事件的日期选择器 vue-video-player：VueJS视频及直播播放器 vue-fullcalendar：基于vue.js的全日历组件 rubik：基于Vuejs2的开源 UI 组件库 VueStar：带星星动画的vue点赞按钮 vue-mugen-scroll：无限滚动组件 mint-loadmore：VueJS的双向下拉刷新组件 vue-tables-2：显示数据的bootstrap样式网格 vue-virtual-scroller：带任意数目数据的顺畅的滚动 DataVisualization：数据可视化 vue-quill-editor：基于Quill适用于Vue2的富文本编辑器 Vueditor：所见即所得的编辑器 vue-html5-editor：html5所见即所得编辑器 vue-msgbox：vuejs的消息框 vue-slider：vue 滑动组件 vue-core-image-upload：轻量级的vue上传插件 vue-slide：vue轻量级滑动组件 vue-lazyload-img：移动优化的vue图片懒加载插件 vue-drag-and-drop-list：创建排序列表的Vue指令 vue-progressive-image：Vue的渐进图像加载插件 vuwe：基于微信WeUI所开发的专用于Vue2的组件库 vue-dropzone：用于文件上传的Vue组件 vue-charts：轻松渲染一个图表 vue-swiper：易于使用的滑块组件 vue-images：显示一组图片的lightbox组件 vue-carousel-3d：VueJS的3D轮播组件 vue-region-picker：选择中国的省份市和地区 vue-typer：模拟用户输入选择和删除文本的Vue组件 vue-impression：移动Vuejs2 UI元素 vue-datatable：使用Vuejs创建的DataTableView vue-instant：轻松创建自动提示的自定义搜索控件 vue-dragging：使元素可以拖拽 vue-sli
vue-server-renderer 是vue srr 服务器端渲染的核心模块，我们会使用koa搭建服务器。
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
仓库地址：https://github.com/opendigg/awesome-github-vue
使用 Vue.component('组件的名称', 创建出来的组件模板对象) 来定义全局组件，比如Vue.component('myCom1', com1) 使用 Vue.component 定义全局组件的时候，如果组件名称使用了驼峰命名，则在引用组件的时候，需要把大写的驼峰改为小写的字母，同时，两个单词之前，使用 - 连接，比如<my-com1></my-com1> 如果不使用驼峰,则直接拿名称来使用即可，比如Vue.component('mycom1', com1)
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统
点击标题超链接可跳转到对应的html界面 01_Vue3的引入-CDN <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu
Vue中有很多的指令，且形式都是：v-???? 我在这里总结了12个常见指令，顺序如下：v-on、v-bind、v-model、v-for、v-show、v-if、v-else/v-else-if、v
因为最近需要使用到Vue，所以打算将Vue的学习资料详细整理一份，感兴趣的小伙伴可以一起来哦。
和插值表达式（{{}}）一样，用于获取vue实例中data属性声明的数据。用法是在哪个标签上获取就直接在哪个标签上定义v-text或者是v-html。相当于javascript中的innerText。直接将获取的数据直接渲染到指定标签中。
我们除了可以通过使用class来引用样式外，我们还可以通过style来直接指定样式，Vue也支持此操作，具体如下:
在HTML页面中我们需要获取Vue中的数据，这时我们可以通过插值表达式来获取，如下
Vue3.0 发 beta 版都有一段时间了，正式版也不远了，所以真的要学习一下 Vue3.0 的语法了。
想要做到文档驱动表单，首先要做几个表单元素组件。基于原生的HTML5的表单元素，做了一下分类，比如文本类、数字、日期、选择等，具体如下图。 【图片】
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。
安装插件。Chinese,Live Server(模拟tomcat功能)，Vetur&vue-helper(支持vue的开发，方便其使用)。
如何选择：目前那种写法都可以，以后学习到组件时，data必须使用函数式，否则会报错
vue-mvvm模式，vue是一种轻量级的前端框架，主要为模板渲染，数据同步，组件化，模块化，路由等。
Vue的生命周期指的是Vue实例在页面中创建到销毁整个过程。Vue提供了在各个生命周期的钩子，钩子也叫Vue生命周期函数。这些生命周期函数是伴随着Vue实例创建、销毁的过程中自动触发的（不需要人为手动触发）。Vue实例生命周期有三个阶段：
通过演示效果我们能看到v-if和v-show都能控制标签元素的现实和隐藏，但相互之间又有区别
组件是Vue中的一个重要概念，是一个可以重复使用的Vue实例，它拥有独一无二的组件名称，它可以扩展HTML元素，以组件名称的方式作为自定义的HTML标签。因为组件是可复用的Vue实例，所以它们与new Vue（）接收相同的选项，例如data，computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特有的选项。
我需要加载一个样式表和几个脚本。我将分享我如何使用Nuxt完成此操作以及实现此操作的不同方法。
vue快速学习02、基础用法 目录 vue快速学习02、基础用法 1、数据双向绑定 2、数据绑定 3、钩子函数 4、created函数用法1 5、created函数用法2 6、filters过滤器 7、v-once与v-text 8、数据计算 9、数据绑定 10、样式控制1 11、样式控制2 12、v-if 14、v-on 15、watch 16、v-for 17、computed 18、table增加操作 19、table删除操作 20、table修改 21、template 22、componen
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/108665.html原文链接：https://javaforall.cn
本文我们来介绍下v-if，v-show和v-for指令，也就是最基础的流程控制和循环处理。
参考 https://www.npmjs.com/package/prerender-spa-plugin https://www.npmjs.com/package/vue-meta-info
启用一个服务，访问任何页面都只返回一个renderer.renderToString方法将vue实例app转换成的html
在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如：头部导航、尾部信息等模块。
vue项目创建好了并且集成了基础的后台管理系统，调用后端接口也调通了。接下来就是开发后台管理系统的其他功能了，首先就是把相关路由和一些基础工具配置一下。
vue devtools 调试工具，相对于浏览器自带的开发者工具对于调试和查看vue 的项目和demo 提供更强大的调试功能，在对数据绑定的检验，标签结构等方面的查看检验调试更方便。
其中最重要的就是ViewModel VieModel是为了实现数据的双向绑定 目的就是为了解耦
Vue是渐进式 JavaScript 框架，啥叫渐进式？渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。比如Core+Vue-router+Vuex+axios，也可以满足你各种各样的需求。
jq利用DOM操作，降低了ajax请求函数的复用性（js与html耦合性太高）。 而vue通过框架提供的指令实现数据双向绑定，我们只需要关注业务逻辑，而不需要直接操作DOM元素。
前面介绍了Vue中组件的创建方式和data及methods属性，本文我们来做一个Vue组件的切换案例，效果如下:
什么是Vue.js？是目前最火的框架，React是最流行的框架，打包工具Webpack，目前三大主流Vue.js，Angular.js，React.js框架。
mustache插值和v-bind表达式。 vue生命周期，从创建，运行，到销毁，称为生命周期。
选项列表 el选项：用于接收获取到页面中的元素。(根据常用选择器获取)。 data选项：用于保存当前Vue对象中的数据。在视图中声明的变量需要在此处赋值。 methods选项：用于定义方法。方法可以直接通过对象名调用，this代表当前Vue对象。
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
