Vue中import篇：模块、JS文件、class类文件、数组对象文件、第三方

算法

1. 冒泡排序

2. 选择排序

3. 快速排序

4. 二叉树查找: 最大值、最小值、固定值

5. 二叉树遍历

6. 二叉树的最大深度

7. 给予链表中的任一节点，把它删除掉

8. 链表倒叙

9. 如何判断一个单链表有环

   

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

export default function testFunciton(options){

//执行代码，注意代码中最后一般都需要return返回值

}

//ES6写法

const testFunction=(options)=>{

let x= ;

return x;

}

export default testFunction;

2、引入不需要花括号，只能一个个导入

import testFunction from ‘./util’; //方法名不需要加花括号

2.2 多个函数引入

---

1、js文件中写函数

多个函数的引入只能用export ，不能用export default

export function testFuncitonA(options){

//执行代码，注意代码中最后一般都需要return返回值

}

export function testFuncitonB(options){

//执行代码，注意代码中最后一般都需要return返回值

}

export function testFuncitonC(options){

//执行代码，注意代码中最后一般都需要return返回值

}

2、函数引入

import {testFunctionA,testFunctionB,testFunctionC,} from ‘./util’; //方法名需要加花括号

2.3 成组全部引入

---

1、引入方式

import * as hydroServiceUtil from “…/utils/hydroServiceUtil.js”;

将整个模块当作单一对象进行导入，该模块所有的导出都会作为对象的属性存在。

2、调用方式

全局调用

main.js中先引入,然后添加vue属性配置：

Vue.prototype.$hydroServiceUtil = hydroServiceUtil;

直接用 this.$hydroServiceUtil.method调用就可以了

单个vue文件调用

直接用hydroServiceUtil.method调用

三、引入数组、对象JS文件

=============

3.1 引入数组

//js文件

const config=[1,2,3,4,5] //一般这种方式的数组引入的都是一个常亮，不会变了，所以const即可

export default config;

3.2 引入对象

//js文件

const config={

id：1,

name:“zhangsan”,

}

export default config;

//调用时候，vue中先import进去，然后名称.id即可

四、引入class类js文件

==============

有时候需要js文件写class类

//classtest.js文件中内容

class Person{

// 构造函数

constructor(x,y){

this.x = x;

this.y = y;

}

todoSome(){

alert(this.x + “的年龄是” +this.y+“岁”);

}

}

export default Person;

使用时候，先在vue文件中import进来，然后直接new即可

var test= new classtest(‘haha’,‘33’);

test.todoSome();

文末

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

/img_convert/644efd4ddd0f8d43535f1982ec0da6e4.png)

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。