位置: IT常识 - 正文

Vue3 & app.use 与 install 函数的作用

编辑:rootadmin
Vue3 & app.use 与 install 函数的作用 1. app.use

推荐整理分享Vue3 & app.use 与 install 函数的作用,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

Vue3 & app.use 与 install 函数的作用

在 vue3 中,默认初始化 vue 的方式是这样的

// src/main.jsimport { createApp } from 'vue'import App from '@/App.vue'const app = createApp(App)app.mount('#app')export default app

如果我们需要引入 vue-router 则需要修改成比如这样

// src/main.jsimport { createApp } from 'vue'...++++++++import Home from '@/pages/Home.vue'import { createRouter, createWebHistory} from "vue-router"const routes = [ { path: '/home', component: Home },]const router = createRouter({ history: createWebHistory('/'), routes})// 最后通过 app.use 方法引入 Routerapp.use(router)

类似的,其它插件如 i18n、vuex、vant 等都要借助 app.use 引入, 官方也解释了 app.use 就是用来引入插件,这里不在赘述。

2. install

在介绍 install 方法前,我们需要知道有这么一个方法 app.use(plugin, options) 其中 plugin 表示要传递的插件对象, options 参数是可选的,表示选项配置, install 方法的定义就插件对象里面,install 方法会在引入插件时自动被 vue 调用, 并传参 vue 实例和 options ,具体代码如下:

// src/plugins/my-plugin.jsconst myPlugin = {install(app, options) {// { name: 'Jack' }console.log(options);// 有了 app,我们注入一个全局组件app.component('my-button', import('@/components/my-button.vue'))// 也可以
本文链接地址:https://www.jiuchutong.com/zhishi/287161.html 转载请保留说明!

上一篇:vue播放rtsp视频流

下一篇:Waterperry花园,英国牛津郡 (© Lauren Hibbit/Danita Delimont)(water gardens)

  • 怎样成为邮件营销(邮件箱怎么弄?)

    怎样成为邮件营销(邮件箱怎么弄?)

  • OPPO Ace2的屏幕的尺寸是多大(oppoace2屏幕怎么样)

    OPPO Ace2的屏幕的尺寸是多大(oppoace2屏幕怎么样)

  • QQ音乐怎么下载mv(qq音乐怎么下载mp3格式的歌曲到u盘)

    QQ音乐怎么下载mv(qq音乐怎么下载mp3格式的歌曲到u盘)

  • 超清视效耗电吗(什么叫超清视效)

    超清视效耗电吗(什么叫超清视效)

  • 为什么找不到撤销退款申请(为什么找不到撤销退货退款申请)

    为什么找不到撤销退款申请(为什么找不到撤销退货退款申请)

  • 抖音如何举报人(抖音如何举报别人?抖音举报别人方法攻略介绍!)

    抖音如何举报人(抖音如何举报别人?抖音举报别人方法攻略介绍!)

  • 卡贴不弹窗怎么激活(卡贴不弹窗怎么办)

    卡贴不弹窗怎么激活(卡贴不弹窗怎么办)

  • iPhoneX为什么不能更新微信(iphonex为什么不能更新微信)

    iPhoneX为什么不能更新微信(iphonex为什么不能更新微信)

  • 美团预订单是什么意思(美团预订单什么时候调度骑手)

    美团预订单是什么意思(美团预订单什么时候调度骑手)

  • 怎么知道自己qq密码是什么(怎么知道自己qq注册时间)

    怎么知道自己qq密码是什么(怎么知道自己qq注册时间)

  • 钉钉可以远程控制电脑吗(钉钉可以远程控制另一台电脑)

    钉钉可以远程控制电脑吗(钉钉可以远程控制另一台电脑)

  • 腾讯视频会议可以不开摄像头吗(腾讯视频会议可以录制视频吗)

    腾讯视频会议可以不开摄像头吗(腾讯视频会议可以录制视频吗)

  • 3600x配什么主板(3399主板)

    3600x配什么主板(3399主板)

  • 电子计算器上on是什么键(电子计算器上on键是什么键)

    电子计算器上on是什么键(电子计算器上on键是什么键)

  • ps怎么等距离排列(ps怎么等距离移动)

    ps怎么等距离排列(ps怎么等距离移动)

  • 电话手表监护怎么收费的(电话手表监视功能)

    电话手表监护怎么收费的(电话手表监视功能)

  • 微信京东怎么申请退款(微信京东怎么申请售后退款)

    微信京东怎么申请退款(微信京东怎么申请售后退款)

  • 手机号欠费不交会怎么样(手机号码没欠费被暂停服务)

    手机号欠费不交会怎么样(手机号码没欠费被暂停服务)

  • 火山小视频一天可以发几个视频(火山小视频一天点赞上限多少)

    火山小视频一天可以发几个视频(火山小视频一天点赞上限多少)

  • iphone怎样显示触摸点(苹果手机怎么显示触摸点)

    iphone怎样显示触摸点(苹果手机怎么显示触摸点)

  • vivo手机测距仪在哪里(华为自带的ar测距仪)

    vivo手机测距仪在哪里(华为自带的ar测距仪)

  • 苹果手机在中国禁止销售吗(苹果手机在中国有几个生产厂家?)

    苹果手机在中国禁止销售吗(苹果手机在中国有几个生产厂家?)

  • 华为荣耀怎么查买的时间(华为荣耀怎么查看手机型号)

    华为荣耀怎么查买的时间(华为荣耀怎么查看手机型号)

  • root大师怎么用使用步骤分享

    root大师怎么用使用步骤分享

  • win10玩红警卡顿解决方法(win10玩红警卡顿怎么解决)

    win10玩红警卡顿解决方法(win10玩红警卡顿怎么解决)

  • 提现的手续费怎么做账
  • 一般纳税人的增值税征收方式的特点是
  • 残保金计入管理费用还是营业税金及附加
  • 大凭证小凭证
  • 原材料盘亏自然损耗
  • 小规模纳税人申报时间
  • 金融服务费可以谈吗
  • 增值税专用发票几个点
  • 国内旅客运输服务电子普通发票
  • 支付货款未收到产品算货值吗
  • 存货盘亏计入什么收入
  • 电子承兑汇票付款流程
  • 职工福利部门的工资
  • 预估入账的收入是什么
  • 已认证的发票开红字红发要去税局吗
  • 出口退税企业分类
  • 税收征管法实施细则 不予加收滞纳金
  • 商业承兑汇票是谁签发的
  • 预付保险费属于什么会计科目
  • 其他债券投资出售时交易费用
  • 收到税务局信息
  • 企业购进房产会退税吗
  • 净现值是否可行
  • 加计扣除的会计要素
  • vue技术解密
  • 天猫积分类服务费账务处理
  • 美容店销售收入怎么算
  • 栗耳簇舌巨嘴鸟,巴西潘塔纳尔保护区里 (© Ana Gram/Shutterstock)
  • 如何安装iis网站服务器
  • uniapp获取当前url
  • jquery 滚动条
  • 业务招待费计入什么会计科目
  • 待处理财产损益借贷方向
  • 销售提成收入证明怎么写
  • 小规模纳税人的条件
  • 交易性金融资产是什么意思
  • 未分配利润是负数是亏损吗
  • 帝国cms8.0
  • python转换数字
  • 土地增值税扣除项目20%
  • 坏账准备抵消期初未分配利润
  • 一般纳税人申报表电子版
  • 消费税和资源税何时计入成本,何时计入费用
  • 分派现金股利处理
  • 股东的报销款可以抵投资款吗
  • 营业税金及附加是什么科目
  • 增值税的视同销售行为都有哪些?
  • 股权投资所得是什么
  • 销售净利率指标的计算是净利润与资产平均余额的比值
  • 坏账准备?
  • 因管理不善材料被盗应记啥科目
  • 税前扣除的职工福利费支出怎么算
  • 单独运费怎么做账
  • 支付劳务公司的劳务费如何扣缴个人所得税?
  • 私立学校增值税免税吗
  • 开工程款发票有什么规定?
  • 收付实现制与权责发生制的例题
  • 固定资产清理后怎么做账
  • centos配置网络地址
  • freebsd9.3安装教程
  • ac1st19.dll
  • windows xp的安装
  • CentOS 6.2(32位/64位) 安装步骤图文详解
  • centos7 ifcfg-lo
  • win10安装autocad2016错误
  • windows 10预览版
  • js取数字的每位数
  • Linux中的host命令应用实例详解
  • jquery popupDialog 使用 加载jsp页面的方法
  • android需要学什么
  • window.onerror()的用法与实例分析
  • jquery日期控件onchange事件
  • java script入门
  • ready jquery
  • js如何保留一位小数
  • 税务非正常户解除申请怎么写
  • 普票已开发票怎么作废
  • 深圳税务局工作时间表
  • 高级人民法院党组书记级别
  • 广东省地税局网上办税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设