vue-meta

vuex4 结合 vue3 实现一个状态持久化 vuex 插件

期间很多vue2时的解决方案没法用呀，没办法只能自己写，期间自己相继写了vue-meta的简易实现，vue-pdf的简易实现，vuex-persistedstate的简易实现，现把vuex-persistedstate
xiaofei0627·2023-06-16 05:37

vue3使用vue-meta

安装vue-metanpmi-Svue-meta@next目前vue-meta3还是处于alpha阶段，不要低于3.0.0-alpha.7项目结构.src├──App.vue├──global│└──vue-meta
·2023-06-13 16:27

vue3 ts 使用 vue-meta

安装vue-metanpmi-Svue-meta@next目前vue-meta3还是处于alpha阶段，不要低于3.0.0-alpha.7项目结构.src├──App.vue├──global│└──vue-meta
ci0n·2023-03-19 12:00

vue归纳笔记：vuex结合vue-meta实现router动态设置meta标签

网站的访问流量中，有相当一部分都是来自于搜索引擎，而来自于搜索引擎的流量又全部是免费的，所以网站的SEO(SearchEngineOptimization搜索引擎优化)是实现自我营销的一种最直接且最有效的手段。而SEO往往又都是从优化meta标签开始的！一、meta标签介绍meta标签提供关于HTML文档的元数据(元数据指用于描述数据的数据)。元数据不会显示在页面上，但是对于机器是可读的。它可用于
小白IT·2023-03-13 05:54

vue使用prerender预渲染配合vue-meta实现单页面实现SEO优化

交代一下：选用prerender-spa-plugin插件配合vue-meta文章目录一、安装插件二、配置预渲染路由`prerender>config.js``prer
吕小胖纸·2022-12-05 07:06

vue-meta 设置页面 ＜meta＞

一、vue-meta安装npminstall--savevue-meta二、在main.js使用依赖/**Copyright©2019-2020LiuDanYang.AllrightsReserved.
爱宇阳·2022-11-28 09:54

vue-meta实现router动态设置meta标签的方法

二.meta标签的特点三.通过引入vue-meta模块四.vue路由中动态设置title与meta一.meta标签提供关于HTML文档的元数据(元数据指用来描述数据的数据)。
·2022-11-21 00:01

vue3中vue-meta的使用方法解析

目录vue-meta的使用方法1.安装2.一般使用方法3.与vuex,vue-route结合使用使用vue-meta处理元信息vue-meta有以下特点如何使用vue-meta的使用方法meta标签用于设置
·2022-06-22 13:07

vue使用vue-meta插件动态设置meta和title标签(seo优化)

一文看懂动态设置meta和title标签一、meta标签是什么二、静态设置meta标签属性①、首先下载相关包②、在main.js中全局使用③、给每个route赋一个静态属性对象④、在vuex中存储一个空的属性对象和定义方法⑤、最后在main.js中使用路由拦截守卫三、动态设置meta标签属性①、修改单个路由②、动态赋值一、meta标签是什么在w3cschool中的定义如下所示元数据（metadat
轻叹年华逝，·2020-12-30 18:27

vue-meta-info_使用vue-meta在Vue中处理元数据

vue-meta-infoThevue-metalibraryprovidesaVuepluginthatallowsustotakecontrolofourapp’smetadatafromacomponentlevel.It’simportanttocuratethemetadataofourwebappsforSEO,butwhenworkingwithsingle-pagewebappli
cukw6666·2020-09-14 06:04

vue 添加 meta_如何使用Vue-Meta在Vue中添加元数据

vue添加meta什么是vue-meta？(Whatisvue-meta?)
weixin_26750481·2020-09-14 05:08

(二)01 -Nuxt-基于 Vue.js 的通用应用框架 & 安装-基于node.js，服务端执行该代码

guideNuxt.js集成了以下组件/框架，用于开发完整而强大的Web应用：Vue2Vue-RouterVuex(当配置了Vuex状态树配置项时才会引入)Vue服务器端渲染(排除使用mode:'spa')Vue-Meta
viceen·2020-08-22 19:07

如何使用Vue-Meta在Vue中添加元数据

在这篇文章中，我们将探讨如何在我们的项目中添加vue-meta，并使用它来处理组件中的元数据。什么是vue-meta“vue-meta是提供Vue插件的模块，该插件使我们能够动态添加组件中的元数据。
杜尼卜·2020-08-21 04:04

如何使用Vue-Meta在Vue中添加元数据

在这篇文章中，我们将探讨如何在我们的项目中添加vue-meta，并使用它来处理组件中的元数据。什么是vue-meta“vue-meta是提供Vue插件的模块，该插件使我们能够动态添加组件中的元数据。
杜尼卜·2020-08-21 01:33

Vue-meta做权限控制

Vue-meta做权限控制首页博客登录Vue.use(VueRouter);//局部想要使用$router要先在全局挂载//首页组件varHome={template:`我是首页`,};//博客组件varBlog
༺ TØP༻·2020-08-10 03:14

22、Vue-meta做权限控制

22、Vue-meta做权限控制行找的皮卡丘首页博客登录Vue.use(VueRouter);//局部想要使用$router要先在全局挂载//首页组件varHome={template:`我是首页`,}
行走的皮卡丘·2020-08-09 18:17

vue3.0设置浏览器icon和动态修改页面title

文章目录设置浏览器icon动态设置页面title方法一：router改document.title方法二：使用vue-meta插件其他问题：设置浏览器icon启用了pwa:参考文章：vue3.0设置浏览器
Catherine_G·2020-08-09 11:25

vue动态改title

saveStep2.在router.js中引入vue-metarouter.jsimportVuefrom'vue'importRouterfrom'vue-router'importMetafrom'vue-meta'Vue.use
weixin_30794491·2020-08-09 05:02

动态设置meta标签

可以使用插件vue-meta：文档：https://github.com/declandewet/vue-meta#npm{metaInfo:{meta:[{charset:'utf-8'},{name
炯炯灯·2020-07-14 16:25

vuex结合vue-meta实现router动态设置meta标签

网站的访问流量中，有相当一部分都是来自于搜索引擎，而来自于搜索引擎的流量又全部是免费的，所以网站的SEO(SearchEngineOptimization搜索引擎优化)是实现自我营销的一种最直接且最有效的手段。而SEO往往又都是从优化meta标签开始的！一、meta标签介绍meta标签提供关于HTML文档的元数据(元数据指用于描述数据的数据)。元数据不会显示在页面上，但是对于机器是可读的。它可用于
张培跃吧·2020-07-13 15:49

vue新框架nuxt通过文件目录自动生成路由

demo如图自动生成的路由：文件夹：Nuxt.js集成了以下组件/框架，用于开发完整而强大的Web应用：Vue2Vue-RouterVuex(当配置了Vuex状态树配置项时才会引入)Vue-Meta压缩并
晴天有点孤单·2020-07-08 00:15

仿美团项目基础准备之Nuxt.js

是通过插件的方式做路由，但是Nuxt已经把这部分整合进去了，同时是它将Vue配置化变得非常简单，甚至可以不用配就能用)支持Vuex（Vuex是跨组件状态管理工具）支持VueServerrender（SSR）支持vue-meta
努力努力再努力LFY·2020-07-04 06:03

vue-meta

vue-meta介绍借用vue-metagithub上的介绍，基于Vue2.0的vue-meta插件，主要用于管理HMTL头部标签，同时也支持SSR。
zeroyulong·2020-06-30 13:28

vue 动态修改页面的meta

:openname',component:Home,meta:{title:'首页'}}]方式2安装npminstallvue-meta--save在main.js中导入importMetafrom'vue-meta'Vue.use
晴天有何特别·2020-06-29 07:28

Nuxt.js踩坑分享

Nuxt.js通过vue-meta实现头部标签管理，通过查看文档发现，可以按照如下方式配置：//nuxt.config.jshead:{script:[{innerHTML:'console.log("
weixin_33946020·2020-06-28 08:53

vue中使用vue-meta处理元信息

vue-meta有以下特点：在组件内设置metaInfo，便可轻松实现头部标签的管理metaInfo的数据都是响应的，如果数据变化，头部信息会自动更新支持SSR如何使用：安装：$npminstallvue-meta
Just do it·2020-06-28 00:27

Vue-meta

具体内容看官网吧Vue-meta的使用下载安装installvue-metamain.js中注册importVuefrom'vue'importVueRouterfrom'vue-router'importVueMetafrom'vue-meta'Vue.use
kiz_calamus·2020-06-24 01:34

Vue之 vue-meta ，为单个页面设置head信息

vue-meta挺好用的，如果我在pc端页面与mobile页面在同一个项目中国开发时，mobile要单独设置head信息，如果不使用此组件，会非常麻烦。
兮川·2020-06-21 15:19

【vue】vue-meta使用方法

本文介绍Vue3中vue-meta的使用方法meta标签用于设置HTML的元数据（描述数据的数据），该数据不会显示在页面中，主要用于浏览器（如和现实内容或重新加载页面）、搜索引擎（如SEO）及其他web
独钓寒江雪～·2020-06-21 00:35

1.Nuxt 介绍

一.Nuxt.js默认集成一下组件/框架Vue2、Vue-router、Vuex、Vue-Meta且使用Webpack、vue-loader、babel-loader来处理代码的自动化构建二.特性基于Vue.js
winzhyming·2020-02-16 13:32

vue单页面设置title

1：打开cmd找到项目输入：cnpminstallvue-meta-s2:：找到src项目下的mian.js，引入：importMetafrom'vue-meta'Vue.use(Meta)3，每个页面中设置信息
前端小菜鸟御马·2020-02-10 11:26

nuxt.js学习

1.nuxt.js简介nuxt.js是一个基于vue.js的通用框架，集成了Vue2、Vue-Router、Vuex、Vue-ssr(服务端渲染)、Vue-Meta，最常用的是用来作ssr（服务端渲染）
xikoo0·2019-12-22 23:53

vuex结合vue-meta实现router动态设置meta标签

网站的访问流量中，有相当一部分都是来自于搜索引擎，而来自于搜索引擎的流量又全部是免费的，所以网站的SEO(SearchEngineOptimization搜索引擎优化)是实现自我营销的一种最直接且最有效的手段。而SEO往往又都是从优化meta标签开始的！一、meta标签介绍meta标签提供关于HTML文档的元数据(元数据指用于描述数据的数据)。元数据不会显示在页面上，但是对于机器是可读的。它可用于
张培跃·2019-06-17 21:09

vuex结合vue-meta实现router动态设置meta标签

网站的访问流量中，有相当一部分都是来自于搜索引擎，而来自于搜索引擎的流量又全部是免费的，所以网站的SEO(SearchEngineOptimization搜索引擎优化)是实现自我营销的一种最直接且最有效的手段。而SEO往往又都是从优化meta标签开始的！一、meta标签介绍meta标签提供关于HTML文档的元数据(元数据指用于描述数据的数据)。元数据不会显示在页面上，但是对于机器是可读的。它可用于
张培跃·2019-06-17 21:09

vue 自适应 Responsive 设计

原文链接：http://www.cnblogs.com/welhzh/p/10460092.html使用阿里的lib-flexible及vue-meta库：https://github.com/amfe
dielucui7698·2019-03-02 10:00

Nuxt.js之自动路由原理的实现方法

集成了Vue2、Vue-Router、Vuex、Vue-Meta，用于开发完整而强大的Web应用。它的特性有服务端渲染、强大的路由功能，支持异步数据、HTML头部标签管理等。
lemon·2018-11-21 11:04

基于vue的服务端渲染框架Nuxt介绍与实践

2016年10月发布，运行环境基于vue+webpack+babel,预置了使用vue开发服务端渲染应用所需的基础配置,并且集成了vue-router、vuex、vue-meta等vue生太圈常用的组件和框架
新竹野猴子·2018-05-17 00:00

详解vue-meta如何让你更优雅的管理头部标签

在VueSPA应用中，如果想要修改HTML的头部标签，或许，你会在代码里，直接这么做://改下titledocument.title='what?'//引入一段scriptlets=document.createElement('script')s.setAttribute('src','./vconsole.js')document.head.appendChild(s)//修改meta信息，或
yingye·2018-01-18 10:09

Nuxt.js踩坑总结分享

Nuxt.js通过vue-meta实现头部标签管理，通过查看文档发现，可以按照如下方式配置：//nuxt.config.jshead:{script:[{innerHTML:'console.log("
yingye·2018-01-18 10:18

Vue2 SSR渲染根据不同页面修改 meta

本文主要介绍了Vue2SSR渲染根据不同页面修改meta，分享给大家，具体如下：注意:经过测试,vue-meta会导致内存泄漏,请慎用…以现在vue2的服务端渲染模式,都是通过webpack生成html
M.M.F·2017-11-20 10:59
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他