vue-meta 设置页面 <meta>

一、vue-meta 安装

npm install --save vue-meta

二、在 main.js 使用依赖

/*
 * Copyright © 2019-2020 LiuDanYang. All rights Reserved.
 */

import Vue from "vue";

import App from "./App.vue";
import store from "./store";
import router from "./router";

// 使用 vue-meta
import Meta from "vue-meta";
Vue.use(Meta);

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");

三、 页面设置固定的meta








四、页面请求数据设置的meta








五、效果 

vue-meta 设置页面 <meta>_第1张图片

参考:vue-meta 、vue-meta 文档

你可能感兴趣的:(Vue,vue-meta,vue,meta)