广告
返回顶部
首页 > 资讯 > 精选 >vue中meta的用法
  • 695
分享到

vue中meta的用法

2024-04-02 19:04:59 695人浏览 安东尼
摘要

Vue-meta 主要用于管理 HMTL 头部标签,同时也支持 SSR。基本用法,在main.js中使用:vue中meta主要用于管理HMTL头部标签,能够支持SSR,基本用法如下://在main.js中使用import Meta from

vue中meta的用法

Vue-meta 主要用于管理 HMTL 头部标签,同时也支持 SSR。基本用法,在main.js中使用:vue中meta主要用于管理HMTL头部标签,能够支持SSR,基本用法如下:

//在main.js中使用

import Meta from 'vue-meta';

Vue.use(Meta)

new Vue({

router,

data:{

title: 'How to use vue-meta',

keyWords:'vue,vue-router,vue-meta',

description:'this is a des info.'

},

//定义metaInfo

metaInfo(){

return(){

title: this.title,

meta:[

{

name:'keywords',

content:this.keywords

},{

name:"description",

content:this.description

}

]

}

},

render: h=>(APP)

}).$mount('#app')

--结束END--

本文标题: vue中meta的用法

本文链接: https://www.lsjlt.com/news/112800.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue中meta的用法
    vue-meta 主要用于管理 HMTL 头部标签,同时也支持 SSR。基本用法,在main.js中使用:vue中meta主要用于管理HMTL头部标签,能够支持SSR,基本用法如下://在main.js中使用import Meta from...
    99+
    2022-10-09
  • vue3中vue-meta的使用方法解析
    目录vue-meta的使用方法1.安装2.一般使用方法3.与vuex,vue-route结合使用使用vue-meta处理元信息vue-meta有以下特点如何使用vue-meta的使用...
    99+
    2022-11-13
  • vue2中seo时使用vue-meta-info的方法
    下面给大家介绍下vue2中seo时使用vue-meta-info的方法 安装vue-meta-info npm i -S vue-meta-info main.js里面引入vue-m...
    99+
    2022-11-13
    vue seo使用vue-meta-info vue vue-meta-info
  • vue-meta实现router动态设置meta标签的方法
    目录一. meta标签提供关于HTML文档的元数据(元数据指用来描述数据的数据)。二.meta标签的特点三.通过引入vue-meta模块四.vue路由中动态设置title与meta一...
    99+
    2022-11-21
    vue meta标签 vue router meta标签
  • vue3中vue-meta怎么使用
    这篇文章主要介绍了vue3中vue-meta怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue3中vue-meta怎么使用文章都会有所收获,下面我们一起来看看吧。vue-meta的使用方法meta标签...
    99+
    2023-07-02
  • vue利用vue meta info设置每个页面的title与meta信息
    title: vue 使用 vue-meta-info 设置每个页面的 title 和 meta 信息 #文章页面上的显示名称,一般是中文 date: 2019-11-20 16:3...
    99+
    2022-11-12
  • vue中vue-meta插件有什么特点
    vue-meta的特点有:能够支持SSR。在组件内设置metaInfo能够实现头部标签管理。metaInfo中数据都是响应的,如果数据变化,头部信息会自动更新。...
    99+
    2022-10-06
  • Vue中的路由配置项meta如何使用
    这篇文章主要介绍了Vue中的路由配置项meta如何使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue中的路由配置项meta如何使用文章都会有所收获,下面我们一起来看看吧。Vue路由配置项meta使用met...
    99+
    2023-07-04
  • Vue中的路由配置项meta使用解析
    目录Vue路由配置项meta使用这里简单的举两个例子Vue路由中的meta问题meta (元数据)Vue路由配置项meta使用 meta简单来说就是路由元信息 也就是每个路由身上携带...
    99+
    2022-11-13
    Vue路由 Vue路由配置 Vue meta使用
  • HTML5的meta标签的应用方法
    本篇内容主要讲解“HTML5的meta标签的应用方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“HTML5的meta标签的应用方法”吧!HTML 4.01 与...
    99+
    2022-10-19
  • html中meta标签及用法是什么
    这篇文章跟大家分析一下“html中meta标签及用法是什么”。内容详细易懂,对“html中meta标签及用法是什么”感兴趣的朋友可以跟着小编的思路慢慢深入来阅读一下,希望阅读后能够对大家有所帮助。下面跟着小...
    99+
    2022-10-19
  • vue如何动态修改meta的title
    目录如何动态修改meta的title动态修改路由的meta.title需求解决办法如何动态修改meta的title 需求:不去掉原生导航栏的情况下实现详情页的动态title(列表页q...
    99+
    2022-11-13
  • meta标签name=“referrer“属性的写法和用法
    HTML标签name="referrer"属性主要用于控制网页发送给服务器的referrer信息,可以告诉服务器端用户是从哪个页面来到当前网页的。 什么是referrer? referrer有“引用页面”或“来源页面”的意思,用来指定当...
    99+
    2023-08-31
    服务器 html5 Powered by 金山文档
  • WordPress 添加Meta Box的方法
    相信很多站长都知道并且已经在使用WordPress自定义字段,很多插件也使用了这一功能。 自定义字段是一个非常不错的功能,它能够让我们为文章添加各种自定义的属性,高度灵活,操作简单。比如可以为文件添加一个SEO Meta...
    99+
    2022-06-12
    WordPress Meta Box
  • html中的meta标签怎么用
    这篇文章主要介绍html中的meta标签怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! meta标签的作用。 metadata 中文名叫做元数据,是用于描述数据的数据,它不...
    99+
    2022-10-19
  • html中的meta有哪些作用
    本篇内容介绍了“html中的meta有哪些作用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2022-10-19
  • Html5中meta有什么用
    这篇文章给大家分享的是有关Html5中meta有什么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 <meta> 元素可提供有关页面的...
    99+
    2022-10-19
  • html中的meta标签如何使用
    本篇内容介绍了“html中的meta标签如何使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! meta...
    99+
    2022-10-19
  • html5中meta标签怎么用
    这篇文章给大家分享的是有关html5中meta标签怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 在html5中,meta标签用于提供html文...
    99+
    2022-10-19
  • Vue路由对象属性.meta $route.matched的示例分析
    这篇文章主要介绍Vue路由对象属性.meta $route.matched的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!$route.fullPath1 路由是:/path...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作