首页 > 其他分享 >vue export和import

vue export和import

时间:2022-11-08 16:14:16浏览次数:42  
标签:school vue m1 js export m3 import

export

点击查看代码
// m1.js
//分别暴露
export let school = "XX学校";
export function teach() {
  console.log("教学");
}

// m2.js
// 统一暴露
let school = "XX学校";
function findJob() {
  console.log("找工作");
}
export { school, findJob };

// m3.js
// 默认暴露
export default {
  school: "XXX学校",
  change: function () {
    console.log("改变你");
  }
}

import

点击查看代码
// 1、通用的导入方式
// 引入 m1.js 模块内容
import * as m1 from './m1.js'
// 引入 m2.js 模块内容
import * as m2 from './m2.js'
// 引入 m3.js 模块内容
import * as m3 from './m3.js'

// 2、解构赋值的形式导入
import { school, teach } from './m1.js'
import { school as jobSchool, findJob } from './m2.js'
import { default as m3 } from './m3.js'

// 3、简便形式  针对默认暴露
import m3 from './m3.js'

标签:school,vue,m1,js,export,m3,import
From: https://www.cnblogs.com/xmykd/p/16869922.html

相关文章

  • vue.js3:div上添加右键菜单([email protected])
    一,js代码:<template><div><divstyle="width:800px;margin:auto;display:flex;flex-direction:column;"><div>请选择上传图片:<inputtype="......
  • Vue3+Taro+NutUI 微信小程序使用canvas组件完成电子签名功能
    使用Taro小程序开发框架中的canvas组件实现电子签名功能,实现签名时屏幕自动横屏,可清空签名重签,可保存导出图片的64位码。请将手机屏幕横向在区域内进行签名重签完......
  • antdv (Ant Design of Vue) 复杂表单验证问题解决方法
    我们知道,在简单的表单中,都是一项一项往下排列的,验证的时候也按照字段一一对把规则写好就能验证,如下图  但是遇到了复杂场景的表单验证,比如一项由多个input、checkbox......
  • VUE2 实现一个页面 调用 另一个页面的函数
    今天我在Vue 需要实现 一个这样的功能在App.vue页面中 要实现 调用 另一个页(ExtensionMonitor.vue)中的函数 并将参数 传过去下面将实现的步骤写下来,供大家参考1.......
  • JeecgBoot 3.4.3-Vue2 版本发布,Vue2版前端UI专项升级
    JeecgBootvue2版前端UI代码更新到3.4.3最新版,兼容最新版的后台(3.4.3、3.4.3-GA)。发版日期:2022-11-08源码下载前端:https://github.com/jeecgboot/ant-design-vue-jee......
  • 写过vue自定义指令吗,原理是什么?.m
    背景看了一些自定义指令的文章,但是探究其原理的文章却不多见,所以我决定水一篇。如何自定义指令?其实关于这个问题官方文档上已经有了很好的示例的,我们先来温故一下。除......
  • vue项目echarts图表自适应
     1、首先新建一个js文件,用来自定义一个全局指令:  2、然后在main.js中引入:  3、然后在自己使用的echarts上加入此指令! ......
  • vue源码分析-v-model的本质
    双向数据绑定这个概念或者大家并不陌生,视图影响数据,数据同样影响视图,两者间有双向依赖的关系。在响应式系统构建的上,中,下篇我已经对数据影响视图的原理详细阐述清楚了。而......
  • vue源码中的渲染过程是怎样的
    4.1VirtualDOM4.1.1浏览器的渲染流程当浏览器接收到一个Html文件时,JS引擎和浏览器的渲染引擎便开始工作了。从渲染引擎的角度,它首先会将html文件解析成一个DOM树,与此......
  • vue源码分析-diff算法核心原理
    这一节,依然是深入剖析Vue源码系列,上几节内容介绍了VirtualDOM是Vue在渲染机制上做的优化,而渲染的核心在于数据变化时,如何高效的更新节点,这就是diff算法。由于源码中关于d......