原文链接: vue-meta 设置head
上一篇: 设计模式 概念
安装
npm i vue-meta
引入
import Vue from 'vue'
import VueMeta from 'vue-meta'
Vue.use(VueMeta)
组件中使用
<template>
...
</template>
<script>
export default {
metaInfo: {
title: 'My Example App',
titleTemplate: '%s - Yay!',
htmlAttrs: {
lang: 'en',
amp: true
}
}
}
</script>
渲染结果
<html lang="en" amp>
<head>
<title>My Example App - Yay!</title>
...
</head>