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 默认导出自己想要导出的函数
相关推荐
水月wwww4 小时前
vue学习之组件与标签
前端·javascript·vue.js·学习·vue
星光一影5 小时前
基于SpringBoot智慧社区系统/乡村振兴系统/大数据与人工智能平台
大数据·spring boot·后端·mysql·elasticsearch·vue
IT教程资源C18 小时前
(N_151)基于微信小程序校园学生活动管理平台
mysql·vue·前后端分离·校园活动小程序·springboot校园活动
AI3D_WebEngineer2 天前
企业级业务平台项目设计、架构、业务全解之组件库篇
前端·javascript·vue
木子李BLOG2 天前
vue.js设计与实现(待续)
vue
悟能不能悟2 天前
reason: unable to verify the first certificate 如何处理
vue
!win !3 天前
通过重写组件轻松掌握用JSX写Vue项目
vue·jsx
zy happy4 天前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小阳生煎4 天前
Vue实现全局设置一个刷新按钮 只刷新当面路由页面 不跳转操作功能
vue.js·vue
Zzzzzxl_4 天前
互联网大厂前端面试实录:HTML5、ES6、Vue/React、工程化与性能优化全覆盖
性能优化·vue·es6·react·html5·前端面试·前端工程化