vue-meta

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

1. 模块安装

npm install vue-meta --save

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

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

3. 使用vue-meta模块

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

1. 附录

 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:{    
    }
}