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 默认导出自己想要导出的函数
相关推荐
云游云记11 小时前
vue2 vue3 uniapp (微信小程序) v-model双向绑定
微信小程序·uni-app·vue
沐墨染20 小时前
黑词分析与可疑对话挖掘组件的设计与实现
前端·elementui·数据挖掘·数据分析·vue·visual studio code
集成显卡1 天前
前端视频播放方案选型:主流 Web 播放器对比 + Vue3 实战
前端·vue·音视频
克里斯蒂亚诺·罗纳尔达1 天前
vue页面加载时间过长优化
vue
草根大哥1 天前
AI编程实践-homex物业管理平台(Go + Vue3 + MySQL 多租户落地)
mysql·golang·vue·ai编程·gin·物业管理系统·多租户
未来龙皇小蓝2 天前
RBAC前端架构-03:创建dotenv及config配置
前端·vue
Aric_Jones4 天前
文章详情页 AI 快速阅读功能实现
java·网络·人工智能·spring boot·vue
千寻技术帮4 天前
10352_基于Springboot的房屋销售平台
java·spring boot·mysql·vue·源码·代码·远程
getaxiosluo4 天前
uniapp开发公众号,微信设置字体大小后,禁止改变页面字体大小
vue·uniapp·微信公众平台
biyezuopinvip5 天前
基于Spring Boot的企业网盘的设计与实现(任务书)
java·spring boot·后端·vue·ssm·任务书·企业网盘的设计与实现