vue head（vue-meta编写页面head信息）

最新推荐文章于 2024-08-28 00:18:03 发布

rain1624

最新推荐文章于 2024-08-28 00:18:03 发布

阅读量5.5k

点赞数 5

文章标签： vue

本文链接：https://blog.csdn.net/weixin_42691706/article/details/107917531

版权

vue-meta

vue-meta可以为单个页面设置head信息

模块安装

npm install vue-meta --save

main.js中注册并使用vue-meta模块

import Meta from 'vue-meta'
Vue.use(Meta)  //注册使用vue-meta模块

使用vue-meta模块

<script>
  metaInfo: {
      title: 'vue-meta设计', //设计页面标题 
    },
</script>

附录

 export default {
    name: 'DealRepair',
    metaInfo: {
      title: '定义页面标题',
      meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no' }
      ]
    },
    data () {
      return { 
      }
    },
    mounted(){
    },
    methods:{    
    }
}