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文件的某些数据,导入方式如下:

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

  • 相关阅读:
    2017.1.10学习笔记
    v-model双向绑定
    指令之v-bind
    v-for列表渲染
    事件修饰符
    v-on
    指令v-text v-html
    vue起步
    Swoole HTTPServer
    SwooleTCP
  • 原文地址:https://www.cnblogs.com/ibcdwx/p/14584658.html
Copyright © 2011-2022 走看看