12. 这个名字怎么去看呢,就打开node_modules,找到引入的@element-plus/icons-vue三方件,可以看到components下面有很多文件,比如name.vue.d.ts就i-ep-name,文件名中间的-是要保存的。 自动引入后this.$message为undefined 报错信息:drawDetail.vue?t=1690534133267:63 Uncaught (in promise) TypeError: Cannot read ...
我们就以全局公共图标组件为例展示一下,可以采用{作者名称}-${组件名称}命名文件夹,{作者名称}-${组件名称}.vue来命名组件。 新建文件夹q-icon; 在q-icon文件夹下面新建q-icon.vue组件; 开始编写组件内容; tips:关于图标,可以到iconfont里面找到一些你喜欢的图标加入到购物车然后添加到自己的项目里面,最后下载下...
首先,我们需要在main.js文件中引入我们封装的全局函数。这样我们就可以在整个项目中使用这些函数。 import globalFunctions from './globalFunctions' Vue.prototype.$globalFunctions = globalFunctions 1. 2. 然后,我们在globalFunctions.js文件中定义我们的全局函数。例如,我们可以定义一个打印日志的函数和一个发送网络...
export default {methods: {callGlobalFunction() {this.$myGlobalFunction() // 调用全局函数}}} 在这个例子中,我们首先在main.js文件中引入了Vue3和我们的全局函数globalFunction。然后,我们使用app.config.globalProperties将全局函数挂载到Vue实例上。这样,我们就可以在任何组件中通过this.$myGlobalFunction()来调用...
全局组件 全局组件目前只能在src/pages.json里配置,代码如下: // 组件自动导入 "easycom":{ // 开启自动扫描 "autoscan":true, "custom":{ // 使用了uni-ui 规则如下配置 "^uni-(.*)":"@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue", // 自定义组件,需要使用正则表达式 ...
编写公共组件 在uniapp 项目下是基于 vue 框架来写页面的,因此可以使用 vue 的相关知识点来新建公共组件。 在刚刚的目录结构下面,有一个components文件夹,里面就是存放相关的全局公共组件。 我们就以全局公共图标组件为例展示一下,可以采用{作者名称}-${组件名称}命名文件夹,{作者名称}-${组件名称}.vue来命名组...
3. 提供全局组件 PrivacyModal,使用pinia全局变量控制显隐 main.ts 全局注册组件 importPrivacyModalfrom'@/components/privacy-modal/index.vue'; app.component('PrivacyModal', PrivacyModal);// 统一隐私协议弹窗 隐私弹窗 privacy-modal.vue <template><viewclass="content"><viewclass="title">隐私协议须知</...
注册到全局 在main.ts引入全局组件 import mypicker from './components/myPicker'; 注册到全局 // #ifdef VUE3 export function createApp() { const app = createSSRApp(App); app.component("my-picker", mypicker); // 状态管理 setupStore(app); ...
组件的生命周期同框架的生命周期 如: vue2则是vue2的生命周期 vue3则是vue3的生命周期 💖 页面调用 getApp()能获取globalData充当全局变量使用 getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,数组中的元素为页面实例,第一个元素为首页,最后一个元素为当前页面。