VUE 的前置知识

一、JavaScript----导图导出

1. JS 提供的导入导出机制,可以实现按需导入

1.1 在html页面中可以把JS文件通过 <script src="showMessage.js"></script> 全部导入

1.2 通过在JS文件中写export 关键字导出通过 <script src="showMessage.js"></script> 全部导入

1.3 同时也可以在html页面中的**<script type="module"></script> 标明 type属性为 module**在通过import关键字导入自己想要导入的函数
1.4 可以在js文件中通过export关键字导出自己想要导出的函数

在导入和导出的时候,可以使用as重命名

**在JS文件中:**export {simpleMessage as sm,complexMessage as cm}

在html文件中:import {cm} from './showMessage.js';

html 复制代码
<body>
    <div id="app">
        <button id="btn">点我展示信息</button>
    </div>
	
    <script type="module">
       import {cm} from './showMessage.js';
        
        document.getElementById("btn").onclick=function(){
           cm("我被点击了....");
        }
    </script>
</body>
1.5 也可以在JS文件中使用export default 默认导出自己想要导出的函数
相关推荐
Agatha方艺璇3 小时前
前端开发技术复习笔记
vue·bootstrap·css3·html5·web
小葛要努力12 小时前
创建vue2项目
程序人生·vue
七仔啊12 小时前
基于海康门禁的人员计数系统
vue
步十人2 天前
【Vue3】前置知识简单概述(包括ES6核心语法,模块化ESM以及npm基础)
arcgis·npm·vue·es6
有梦想的程序星空2 天前
【环境配置】Vue3项目离线化本地部署echarts全攻略
前端·javascript·vue·echarts
向日的葵0063 天前
vue路由(二)
前端·javascript·vue.js·vue
小妖6663 天前
Hydration completed but contains mismatches
javascript·vue·vuepress
lianyinghhh3 天前
FlowGame 从零上手:开源 AI 工作流编排框架与 Vue 3 接入实战
python·低代码·开源·vue·rag·flowgame·ai工作流编排
爱编程的小金3 天前
告别手写分页逻辑:usePagination 从 50 行到 3 行
javascript·vue·前端分页·alova·usepagination
ok406lhq4 天前
用 MonkeyCode 8 小时搭建自动化内容站:AI Coding 平台实战复盘
ci/cd·vue·ai编程·自动化部署·monkeycode