当前位置:首页 > 编程笔记 > 正文
已解决

11、插件注入到vue实例中

来自网友在路上 165865提问 提问时间:2023-10-31 23:56:36阅读次数: 65

最佳答案 问答题库658位专家为你答疑解惑

新建插件

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-pluginsplugins: ["./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要注意区分

查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"11、插件注入到vue实例中":http://eshow365.cn/6-29110-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!