vue之require與import之間的區別

2021-10-09 03:11:56 字數 1711 閱讀 5391

首先我們要明白require與import的基本語法:

require的基本語法:

在匯出的檔案中定義module.export,匯出的物件的型別不予限定(可以是任何型別,字串,變數,物件,方法),在引入的檔案中呼叫require()方法引入物件即可,換一種說法就是require相當於module.exports的傳送門,module.exports後面的內容是什麼,require的結果就是什麼,物件、數字、字串、函式……再把require的結果賦值給某個變數,**實現首先如:

// tt.js

module.export =

}

解析:在tt.js中使module這個意思就是模組的意思,就是實現特定功能的一組方法,

也就是只要把不同的函式(以及記錄狀態的變數)簡單地放在一起,就算是乙個模組。用module.export中的export這個變數接收返回的函式名為tt的函式

然後:

// bb.js中

var obj = require('../tt.js')

obj.tt() // "這是乙個函式,也就是乙個物件"

解析:在bb.js中獲取到tt.js賦值給變數obj,然後呼叫該方法

本質上是將要匯出的物件賦值給module這個的物件的export屬性,在其他檔案中通過require這個方法訪問該屬性

import的基本語法:

匯出的物件必須與模組中的值一一對應,就是匯出的物件與整個模組進行解構賦值,例如:

export default)

b: function()}

export function()

export // 解構賦值語法(as關鍵字在這裡表示將newf作為aa的資料介面暴露給外部,外部不能直接訪問aa)

import  aa  from  '...'  //import常用語法(需要export中帶有default關鍵字)可以任意指定import的名稱

import from '...' // 基本方式,匯入的物件需要與export物件進行解構賦值。

import aa as as from '...' //使用as關鍵字,這裡表示將aa代表aa引入(當變數名稱有衝突時可以使用這種方式解決衝突)

import //as關鍵字的其他使用方法

require和import相互轉換使用:

import list from './list';

//等價於

var list = require('./list');

require和import分別使用在:

require 是賦值過程並且是執行時才執行,也就是非同步載入。

require可以理解為乙個全域性方法,因為它是乙個方法所以意味著可以在任何地方執行。

import 是解構過程並且是編譯時執行。

import必須寫在檔案的頂部。

require和import的優缺點比較:

require的效能相對於import稍低,因為require是在執行時才引入模組並且還賦值給某個變數,而import只需要依據import中的介面在編譯時引入指定模組所以效能稍高。

vue之require與import之間的區別

首先我們要明白require與import的基本語法 require的基本語法 在匯出的檔案中定義module.export,匯出的物件的型別不予限定 可以是任何型別,字串,變數,物件,方法 在引入的檔案中呼叫require 方法引入物件即可,換一種說法就是require相當於module.expo...

如何在require中使用VUE

現在網上抄的沸沸揚揚的vue看來是個很nb的東西啊,看了一下,確實相對於angular1來說簡化了不少東西,效能方面也比angular1要好很多,所以現在用的人越來越多了,於是作為前端,學習一下新東西不至於被淘汰那是必須的 在網上看了一下,感覺還不錯,打算用它寫個單頁面應用。於是 坑就跟著來了 先來...

oracle exp匯出與imp匯入

通過exp匯出與imp匯入進行資料的備份轉移 exp命令 1exp username psw test file d test.dmp full y 2exp use rname psw test file d test.dmp owner ly 3exp username psw test fil...