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 默认导出自己想要导出的函数
相关推荐
还得是你大哥5 小时前
Java互联网医院管理系统源码SpringBoot
java·spring boot·vue
会周易的程序员12 小时前
aiDgeScanner:工业设备扫描与管理的一体化利器——深度解析上位机与扫描端的无缝协作
c++·物联网·typescript·electron·vue·iot·aiot
阿部多瑞 ABU19 小时前
运动会智能编排系统 - 完整详细需求规格说明书
python·贪心算法·vue·html
AIGC包拥它2 天前
RAG 项目实战进阶:基于 FastAPI + Vue3 前后端架构全面重构 LangChain 0.3 集成 Milvus 2.5 构建大模型智能应用
人工智能·python·重构·vue·fastapi·milvus·ai-native
次次皮3 天前
代理启动前端dist包
java·前端·vue
展示猪肝4 天前
Vue2 + FastAPI + Dify 实现 AI 医疗预检分诊助手:从问诊追问到医生审核闭环
人工智能·vue·fastapi·dify
何忆清风4 天前
Easy Agent Pilot - Rust实现的开源桌面Agent软件
ai·rust·vue·agent·tauri·开发工具
码界筑梦坊4 天前
361-基于Python的空气质量气候数据分析预测系统
python·信息可视化·数据分析·flask·vue·毕业设计
我叫张小白。4 天前
劳动力招聘管理系统:全栈实战(Vue3+FastAPI+WebSocket+Dify)
websocket·vue·毕业设计·状态模式·fastapi·dify·智能体