VUE 中require 与impor 之间的区别

女爷i 2023-10-10 10:43 24阅读 0赞

require 与import 之间的区别：

在es6 之前的语法是没有模块（module）这一说法，在之前编写前端代码只能通过不同引入\*.js 文件来解决。

问题：

如下：html文件所示：<script type="text/javascript" src="/res/jquery/jquery.js?v=2020.1"></script>。这样编写小前端项目不会发生什么问题，但是随着前端功能不断添加，会导致项目结构臃肿且不利于维护。

解决方法：在es6 发布后，引入require的概念之后又添加import 的概念。目的：实现功能代码的模块化管理，更有利于功能模块的组件化开发和维护。

require 与import 基本语法与特征：

require 基本语法：在导出的文件中定义module.export,导出的对象的类型不予限定（可以是任何类型，字符串，变量，对象，方法），在引入的文件中调用require()方法引入对象即可。

示例：

//a.js中定义prin 数据功能函数
    module.export = {
        prin: function(){
         console.log(666)
      }
    }

//b.js中调用a.js 文件中prin输出函数
    var obj = require('../a.js')
    obj.prin()  //666

import 基础语法：导出的对象必须与模块中的值一一对应，换一种说法就是**导出的对象与整个模块进行结构赋值**

//a.js中
    export default{    //（最常使用的方法,加入default关键字代表在import时可以使用任意变量名并且不需要花括号{}）
         a: function(){
             console.log(666)
       }
    }

//b.js中
    import  a  from  '...'  //import常用语法（需要export中带有default关键字）可以任意指定import的名称

两者之间的区别：

一、require 是赋值过程并且是运行时才执行， import 是解构过程并且是编译时执行。

发表评论取消回复

表情：

评论列表（有 0 条评论，24人围观）

还没有评论，来说两句吧...

相关阅读

相关 VUE 中require 与impor 之间的区别

require 与import 之间的区别：在es6 之前的语法是没有模块（module）这一说法，在之前编写前端代码只能通过不同引入\.js 文件来解决。问题：如

女爷i/ 2023年10月10日 10:43/ 0 赞/ 25 阅读

相关 PHP中include()与require()的区别

require require\_once include include\_once 1.require 和 include共同点：都可以在

柔光的暖阳◎/ 2023年06月06日 08:20/ 0 赞/ 28 阅读

相关 php require include区别,PHP中require和include的区别

require包含文件函数require()的功能是将包含文件的内容取代自身的位置，包含的文件应是一个事先编好的文件。 \\ 注： \\函数require()不支持ret

迈不过友情╰/ 2023年01月14日 15:53/ 0 赞/ 298 阅读

相关 spring3的propagation的取值REQUIRED与REQUIRED_NEW的区别

spring3的propagation的取值REQUIRED与REQUIRED\_NEW的区别 spring 事务的传播行为中，有两个容易混淆的行为：REQUIRE

我会带着你远行/ 2022年09月25日 15:14/ 0 赞/ 142 阅读

相关 include与required的区别

require、include、require\_once、include\_once的区别 require 的使用方法如 require("MyRequireFile.ph

悠悠/ 2022年07月15日 07:37/ 0 赞/ 225 阅读

相关 PHP中include()与require()的区别

PHP中include()与require()的区别 1. include有返回值，而require没有。 2. include()包括并运行指定文件

清疚/ 2022年07月08日 16:29/ 0 赞/ 248 阅读

相关 php中的require require_once include incllude_once的区别

php中的require require\_once include incllude\_once的区别 1、include、require执行包含文件，不对包含

秒速五厘米/ 2022年06月02日 07:44/ 0 赞/ 265 阅读

相关 require与dofile区别

> 这两个函数都会载入并且运行lua脚本。 > > 1）require只需要指定模块名字（不需要加入.lua .dll这样后缀），而dofile需要指定文件的完整路径。 >

妖狐艹你老母/ 2022年05月31日 07:19/ 0 赞/ 220 阅读

相关 Jquery中.val()与.value之间的区别

三年多没敲过代码了，今年打算捡起来，是需要多么大的勇气。但是为了实现自我价值，履行自我的承诺，这就是责任。没有什么难不难，晚不晚之说，是我经常对别人说的那样，再晚不过心晚，，一

àì夳堔傛蜴生んèń/ 2022年05月19日 05:26/ 0 赞/ 212 阅读

相关 include与require的区别

1、include与require除了在处理引入文件的方式不同外，最大的区别就是： include在引入不存文件时产生一个警告且脚本还会继续执行， require则会导

今天药忘吃喽~/ 2022年05月14日 15:17/ 0 赞/ 274 阅读