首页 > 其他分享 >vue2 - 自定义插件 使用插件,scoped

vue2 - 自定义插件 使用插件,scoped

时间:2023-02-17 13:33:40浏览次数:33  
标签:插件 Vue 自定义 myPlugin scoped import

1.自定义插件 myPlugin.js

export default {
  install(Vue) {
    console.log("Vue.use() 会调用此方法",Vue)
  }
}

 

2.使用插件

import Vue from 'vue'
import App from './App.vue'
//导入插件
import myPlugin from "../myPlugin";
//使用插件
Vue.use(myPlugin);

Vue.config.productionTip = true
new Vue({
  render: h => h(App),
}).$mount('#app')

 

3.scoped

<style scoped>

</style>

在style上添加scoped,多个组件中的重名样式互不影响

标签:插件,Vue,自定义,myPlugin,scoped,import
From: https://www.cnblogs.com/ErenYeager/p/17129839.html

相关文章

  • 自定义HarmonyOS启动页组件
    启动页作为应用程序首次出现的页面,该页面提供一些预加载数据的提前获取,防止应用程序出现白屏等异常,如是否第一次访问应用程序并开启应用欢迎页;判断用户登录信息进行页面跳转......
  • vue2 - 局部过滤器 全局过滤器,自定义局部指令 自定义全局指令
    1.过滤器局部过滤器<!--使用一个过滤器,单个参数--><div>{{"levi"|filterTest1}}</div><!--使用一个过滤器,多个参数--><inputtype="text"v-bind:......
  • VSCode Markdown preview enhanced 配置中文字体, 自定义css的方法
    在Ctrl+Shift+P命令菜单中选择CustomizeCSS这是我基于SolarizedLight的配置文件注意,只需要在系统中(我的是Win10)安装思源宋体CNMedium,在系统的字体当中找到它......
  • 插件使用
    app.vue<template><div><Student/><School></School></div></template><!--1.插件,增强vue本质:包含install的一个对象,install......
  • Scoped方法(防止样式名称冲突)
    App.vue<template><div><Student/><School></School></div></template><!--1.解决标签名称一样,引起样式冲突问题写法:1.<stylesco......
  • vue3+vant中自定义隐藏DropdownMenu下拉菜单
    一、概述需求:当点击确定按钮时隐藏下拉菜单。主要使用的方法:ref标识当前组件van-dropdown-item,当点击确定按钮时通过getCurrentInstance来获取组件身上的属性方法。......
  • springboot自定义校验工具类
    参考:https://betheme.net/news/txtlist_i120686v.html?action=onClickhttps://www.ngui.cc/el/2571188.html?action=onClick一、原生注解在springboot中,我们可以使用ja......
  • PHP 之自定义模板解析
    一、解析列表1、效果图 2、示例代码<?phpinclude_once'parse.func.php';$data=array(array('scode'=>2,'link'=>'https://www.b......
  • Jenkins的PublishOverSSH插件的Lable用法
    插件准备ParameterizedTriggerPublishOverSSH项目配置参数插件ParameterizedTrigger的配置PublishOverSSH配置常规配置如下图,总共配置了两个服务器,Labl......
  • 自定义批量上传一些逻辑
    <template><!--上传弹窗--><el-dialogtitle="上传文档"width="648px":close-on-press-escape="false":close-on-click-modal="false":vi......