VUE 的前置知识

三金121382024-11-25 23:05

一、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>

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关键字导出自己想要导出的函数

1.5 也可以在JS文件中使用export default 默认导出自己想要导出的函数

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