zoukankan      html  css  js  c++  java
  • vue-ES6模块化的导入和导出

      在ES6的模块化开发中,一个JS文件就相当一个模块,其他JS文件想要使用模块中的数据,模块必须export导出,其他JS文件进行import导入才行。

      第一步,先引入对应的JS文件,通过script标签,不过不能单单用script标签,如果是这样的话此时各个JS文件还不是一个模块,得设置一个type属性的值为module,如下:

    <script src="./first.js" type="moudule"></script>

      第二步,在其他的JS文件进行导出,而导出的方式太多了,下面一一介绍:

     

      说一下ES5及之前函数和类的区别,函数是首字母小写的,比如function add(){},而类是function Person(){},首字母是大写的;而在ES6中,类的定义可以写成 class Persion{}

     

       export default只能在JS文件使用一次,可以导出变量,函数,对象都可以。记得只能使用一次,他的好处是导入方可以自己取名字来使用

      第三步,若JS文件需要用到其他JS文件,需要导入该JS文件的某些数据,导入方式如下:

       当要导入的数据太多时,可采用下面方式:

  • 相关阅读:
    pandas DataFrame
    pandas Series
    numpy nan和inf
    Filder配置及使用教程
    Vmware Ubuntu18.04更换清华源
    numpy 其它常用方法
    numpy 数组的拼接
    numpy 数值的修改
    numpy 索引和切片
    class 绑定的数据对象不必内联定义在模板里
  • 原文地址:https://www.cnblogs.com/ibcdwx/p/14584658.html
Copyright © 2011-2022 走看看