11、插件注入到vue实例中

news/2025/1/17 4:12:17/

新建插件

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要注意区分


http://www.ppmy.cn/news/1187081.html

相关文章

Linux 虚拟内存参数配置

一、问题出发点 Jun 1 10:30:21 audit1 kernel: swapper: page allocation failure. order:1, mode:0x20 Jun 1 10:30:21 audit1 kernel: Pid: 0, comm: swapper Tainted: G --------------- T 2.6.32-431.20.3.el6.x86_64 #1 Jun 1 10:30:21 audit1 kernel: Call Trace: Jun …

20年残疾人经历的软件工程硕士恢复健全后开始在互联网领域创业

可能很多朋友都认识我了&#xff0c;在我 5 岁的时候&#xff0c;出了一场意外&#xff0c;当时由于家庭经济不允许还有医疗条件不允许等一些原因&#xff0c;左腿落下来残疾。 今年年后&#xff0c;在山东一家医院做了腿部手术&#xff0c;恢复了健全。 在这 20 多年的残疾人…

随机链表的复制(C++解法)

题目 给你一个长度为 n 的链表&#xff0c;每个节点包含一个额外增加的随机指针 random &#xff0c;该指针可以指向链表中的任何节点或空节点。 构造这个链表的 深拷贝。 深拷贝应该正好由 n 个 全新 节点组成&#xff0c;其中每个新节点的值都设为其对应的原节点的值。新节…

数字经济之于城市碳排放:“加速器”抑或“减速带”?

数据简介&#xff1a;数字经济是我国经济高质量发展的核心驱动力&#xff0c;在提升碳福利绩效过程中发挥重要作用&#xff0c;其在许多方面都能提供减少碳排放的机会。通过数字化和物联网技术&#xff0c;能源系统、交通运输、城市规划等领域可以实现智能化管理和优化&#xf…

使用requests库进行HTTP爬虫编程

目录 一、安装requests库 二、发送HTTP请求 三、解析HTML页面 四、处理HTTP响应和异常 五、使用代理和会话管理 六、使用多线程或多进程提高效率 七、数据存储和处理 八、注意事项和总结 在当今的数字化世界中&#xff0c;数据已经成为了一种宝贵的资源。而网络爬虫程序…

JVM基础:字节码文件详解①

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 一、Java虚拟机的组成二、字节码文件的组成2.1 为什么要了解字节码文件&#xff1f;2.2 如何“窥探”字节码文件的奥秘&#xff1f;2.2.1 使用工具打开字节码文件2.…

win下常用命令

windows下查看端口的方法&#xff1a; netstat -ano 开始远程控制&#xff1a;控制台输入mstsc 关闭Hyper-V bcdedit /set hypervisorlaunchtype off 开启Hyper-Vbcdedit /set hypervisorlaunchtype auto

【网络协议】聊聊套接字socket

网络编程我们知道是通过socket进行编程的&#xff0c;其实socket也是基于TCP和UDP协议进行编程的。但是在socket层面是感知不到下层的&#xff0c;所以在设置参数的时候&#xff0c;其实是端到端协议智商的网络层和传输层。TCP是数据流所以设置为SOCK_STREAM&#xff0c;而UDP是…