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

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

//执行代码，注意代码中最后一般都需要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();

五、引入CSS文件

参考：Vue项目：style样式篇

计算机网络

• HTTP 缓存

• 你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？

• HTTP 常用的请求方式，区别和用途？

• HTTPS 是什么？具体流程

• 三次握手和四次挥手

• 你对 TCP 滑动窗口有了解嘛？

• WebSocket与Ajax的区别

• 了解 WebSocket 嘛？

• HTTP 如何实现长连接？在什么时候会超时？

• TCP 如何保证有效传输及拥塞控制原理。

• TCP 协议怎么保证可靠的，UDP 为什么不可靠？

算法

• 链表

• 字符串

• 数组问题

• 二叉树

• 排序算法

• 二分查找

• 动态规划

• BFS

• 栈

• DFS

• 回溯算法

  

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
ps://img-blog.csdnimg.cn/img_convert/6c250b6200355d0edce85b970db267bd.png)

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-kooUk5jv-1713402852460)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！