11、插件注入到vue实例中

新建插件

nuxt-demo2\plugins\vue-inject.js

import Vue from "vue"

Vue.prototype.$test = function (str) {
    console.log(str)
}

配置插件

nuxt-demo2\nuxt.config.js

export default {
  ...
  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
  plugins: [
    "./plugins/vue-inject.js"
  ],
  ...
}

使用插件

nuxt-demo2\pages\plugin-vue.vue

<template>
    <div>
        
    </div>
</template>

<script>
export default {
    name: 'NuxtDemo2PluginVue',

    data() {
        return {
            
        };
    },

    mounted() {
        this.$test("中华小当家")
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>

</style>

运行结果：

SSR渲染的路由访问的时候是不需要带#号的，跟vue-rouer的hash要注意区分