vue-meta插件的使用

1.安装命令

cnpm install vue-meta --save

2.全局文件中引入main.js

//引入

import VueMeta from ‘vue-meta’

//实例化

Vue.use(VueMeta);

3.模板文件中

<script>

	export default {

	        data() {

	            return {

	                header:{

	                    title:'',

	                    logo:'',

	                    keywords:'',

	                    description:'',

	                },

	            }

	        },

	

	        mounted() {

	            this.getHeader();

	        },

	

	        methods: {

	            async getHeader(){

	                let res = await this.$api.system.getHeader();

	                if (res) {

	                    this.header = res

	                }

	            },

	        },

	

	        metaInfo(){

	            return {

	                title:this.header.title,

	                meta:[

	                    {

	                        name:'keywords',

	                        content:this.header.keywords,

	                    },

	                    {

	                        name:'description',

	                        content:this.header.description,

	                    },

	                ],

	                link:[

	                    {

	                        href:this.header.logo,

	                        rel:'icon',

	                        type:'image/x-icon'

	                    }

	                ],

	            }

	        },

	    }

</script>