首页 > 其他分享 >ES6 模块化组件暴露方式

ES6 模块化组件暴露方式

时间:2023-06-23 18:11:05浏览次数:40  
标签:ES6 school Vue const extend 模块化 export 组件 data

分别

<script>
    // 分别
    export const school = Vue.extend({
        data: {
            
        },
        methods: {

        }
    })
</script>

 

统一

<script>
    const school = Vue.extend({
        data: {
            
        },
        methods: {

        }
    })
    export {school} // 统一
</script>

 

默认(因为引入简单,所以常用)

<script>
    const school = Vue.extend({
        data: {
            
        },
        methods: {

        }
    })
    export default school // 默认
</script>

 

标签:ES6,school,Vue,const,extend,模块化,export,组件,data
From: https://www.cnblogs.com/zhousjcn/p/17499465.html

相关文章

  • C:\Windows\WinSxS 目录是 Windows 操作系统中一个重要的系统目录,它包含了组件存储
    C:\Windows\WinSxS目录是Windows操作系统中一个重要的系统目录,它包含了组件存储和组件映像服务(ComponentStoreandComponentBasedServicing)的相关文件。WinSxS目录主要用于存储操作系统及其组件的多个版本和配置文件。它的主要功能是支持系统的“部署”、“维护”和“修......
  • 拯救低效!摹客RP高保真三方组件库等你来用!
    摹客RP内置三方组件库自从4月上线后,好评如潮。提供多个国内外大厂高保真UI组件库,拖拽即用,大大提高了大家的原型设计效率!当然我们也关注到了大家的使用反馈,也在持续的对组件的样式、交互等进行优化,并持续新增大家需要的UI组件库。在近期的更新中,我们就对组件库进行了一波优化,也上新......
  • 模块化和组件化的含义及区别
    1、模块化【代码逻辑角度划分】用于保证每个模块的只能单一比如药品管理,就是一个模块,包含了列表,添加,修改,删除;2、组件化【UI界面角度划分】页面上的每个独立区域,都可作为一个组件,便于组件复用3、区别划分角度不同4、为什么要使用模块化和组件化开发和调试的效率更高......
  • iOS 微信、支付宝、银联支付组件的进一步设计
    原文地址:https://zhanglei.blog.csdn.net/article/details/121376500前言有段时间没写技术文章了,一是因为工作太忙,再者因为本人文笔实在一般。最近终于闲下来,本着分享的目的将一些组件设计上的心得与大家分享。本篇文章是基于原有一篇关于支付文章的进一步优化设计,所以在阅读本......
  • 组件自定义事件(子传父组件)-$emit
    案例:将子组件Student中的name传给父App组件Student组件<template><divclass="student"><h3>学生姓名:{{name}}</h3><h3>学校性别:{{sex}}</h3><button@click="sendStuName">点我把学生名给App</but......
  • 前端Vue自定义简单实用轮播图封装组件 快速实现轮播图
    前端Vue自定义简单实用轮播图封装组件快速实现轮播图,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13153效果图如下:cc-mySwiper使用方法<!--自定义轮播图swiperArr:轮播数组 @swiperItemClick:轮播图条目点击--><cc-mySwiper:swi......
  • 前端Vue自定义数字输入框 带加减按钮的数字输入框组件
    前端Vue自定义数字输入框带加减按钮的数字输入框组件,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13163效果图如下:cc-numbox使用方法<!--title:标题 isSetMax:是否设置最大值 maxNum:最大值--><cc-numboxtitle="商品数量(设......
  • 前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件
    前端Vue自定义简单好用商品分类列表组件侧边栏商品分类组件 ,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13148效果图如下:cc-defineCateList使用方法<!--data:商品列表数组[{navtitle:标题shop:[]展示列表}]@click:商品条目点击事......
  • 分布式流处理组件-生产实战:Broker节点负载
    ......
  • Android 组件化开发的新浪潮,成为了最受欢迎的框架, 有一种架构叫组件化,你还不会?
    有一种架构叫组件化,你还不会?组件化作为客户端项目架构侧一个非常重要的方案,近年来业界也在不断的探索以及各大厂都在不断的实践。每个大厂内部的各个Android开发团队也在尝试和实践不同的组件化方案,并且在组件化通信框架上也有很多高质量的产出。阿里面试最近听一位坚守在阿里的同......