vue中import和require的用法

首先给大家推荐一下我老师大神的人工智能教学网站。教学不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵黄段子!点这里可以跳转到网站

  • Import(模块、文件)引入方式
  1. 引入js文件

在用的那一页,引入文件

Import tools from ‘./tools.js’

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

  1. 引入组件

Import Hello from ‘./components/hello’

  1. 引入外部组件

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)

  1. 引入外部js插件

Import cookies from ‘js-cookie’

以上来自:https://blog.csdn.net/weixin_38930535/article/details/80177445

  • 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模块导出的是一个数组

注:

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

var $ = require('jquery');

import $ from 'jquery'

是完全不同的两种概念。

引自:https://blog.csdn.net/Deft_MKJing/article/details/80388770

点这里可以跳转到人工智能网站

发表评论