require引入js vue_vue中import和require的用法

其实用了这么久的vue，里面有很多东西都没有去细细整理分析，今天就整理一下

Import(模块、文件)引入方式

1.引入js文件

在用的那一页，引入文件

Import tools from ‘./tools.js’

相应的js文件，必须暴露出来

2.引入组件

Import Hello from ‘./components/hello’

3.引入外部组件

npm install --save axios

npm install mint-ui -S

//引入全部组件

import Vue from ‘vue’

import Mint from ‘mint-ui’

Vue.use(Mint)

//按需引入部分组件

Import {Cell,Checklist} from ‘minu-ui’

Vue.component(Cell.name,Cell)

Vue.component(Checklist.name,Checklist)

4.引入外部js插件

Import cookies from ‘js-cookie’

require.js的加载

require的使用非常简单，它相当于module.exports的传送门，module.exports后面的内容是什么，require的结果就是什么，对象、数字、字符串、函数……

再把require的结果赋值给某个变量，相当于把require和module.exports进行平行空间的位置重叠

优点：

1)实现js文件的异步加载，避免网页失去响应；

2)管理模块之间的依赖性，便于代码的编写和维护。

引入：

require('./a')(); // a模块是一个函数，立即执行a模块函数

var data = require('./a').data; // a模块导出的是一个对象

var a = require('./a')[0]; // a模块导出的是一个数组

在vue的js引入图片，就需要使用require(“路径”)进来

注：

从理解上，require是赋值过程，import是解构过程，当然，require也可以将结果解构赋值给一组变量，但是import在遇到default时，和require则完全不同：

var $ = require('jquery');

import $ from 'jquery'

是完全不同的两种概念。

require和import分别使用在：

require 是赋值过程并且是运行时才执行，也就是异步加载。

require可以理解为一个全局方法，因为它是一个方法所以意味着可以在任何地方执行。

import 是解构过程并且是编译时执行。

import必须写在文件的顶部。

require和import的优缺点比较：

require的性能相对于import稍低，因为require是在运行时才引入模块并且还赋值给某个变量，而import只需要依据import中的接口在编译时引入指定模块所以性能稍高。

require引入js vue_vue中import和require的用法相关推荐

require引入js vue_请教关于使用require 引入vue 和公共js的问题
移动端布局计算font-size的 1.引入公共样式失败.没有去计算 2.aa 是vue 引入成功. 但是我以后一个文件需要一个vue 文件应该怎么引入好点啊. 怎么分解开进行引入? 3.在vu ...
单独使用elementui_Vue在单独引入js文件中使用ElementUI的组件
Vue在单独引入js文件中使用ElementUI的组件问题场景: 我想在vue中的js文件中使用elementUI中的组件,因为我在main.js中引入了element包和它的css,并挂载到了全局 ...
一个html中同时引入js和ts,《使用require在ts里引入js》
在Money.vue组件里,我们使用localStorage,在用户输入完一系列选择以后,如选择了什么标签,写了什么备注,支出还是收入,以及记账金额,点击ok按钮的时候,把这些数据收集到record对 ...
vue中import和require的用法
Import(模块.文件)引入方式引入js文件在用的那一页,引入文件 Import tools from './tools.js' 相应的js文件,必须暴露出来引入组件 Import Hello ...
js自动引入js,css_js中的css调查
js自动引入js,css Expedia Group Technology -软件 (EXPEDIA GROUP TECHNOLOGY - SOFTWARE) TLDR: Using a Gatsby ...
VScode中html怎么引入js,vscode中如何使用typescript,如何自动编译成js文件
使用vscode创建一个typescript程序 1:介绍 typescript是一个跨平台的编程语言,专门用于前端的语言,是由微软开发,在2013年6月正式发布,它是javascript的超集,扩展 ...
“约见”面试官系列之常见面试题之第七十三篇之js文件中import中加{}和不加{}的区别（建议收藏）
s文件中import中加{}和不加{}的区别大括号的加与不加取决于import来源的js文件.如果来源js中export时明确指定export组件的名称,那么加大括号并且大括号中指定引用组件的名称, ...
js数组中foEach和map的用法详解 jq中的$.each和$.map
数组中foEach和map的用法详解相同点: 1.都是循环遍历数组(仅仅是数组)中的每一项. 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项value, ...
Thinkphp中import的几个用法详细介绍
下面附上import的几个用法介绍 1.用法一 import('@.Test.Translate'); @,表示项目根目录.假定根目录是:App/ 导入类库的路径是:App/Lib/Test/Tran ...

require引入js vue_vue中import和require的用法

require引入js vue_vue中import和require的用法相关推荐

最新文章

热门文章