2024年前端最全vite创建vue2项目,并支持setup语法糖_vite vue2创建(1),覆盖所有面试知识点

2401_84446825 2024-06-22 09:33:03 阅读 100

总结

框架原理真的深入某一部分具体的代码和实现方式时,要多注意到细节,不要只能写出一个框架。

算法方面很薄弱的,最好多刷一刷,不然影响你的工资和成功率😯

在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。

要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!

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

喜欢这篇文章文章的小伙伴们点赞+转发支持,你们的支持是我最大的动力!

npm init vite@latest// 或yarn create vite

2. 这里选择 vue,然后选择 TypeScript

在这里插入图片描述

在这里插入图片描述

3. 打开package.json文件,将vue 版本改为2.6.14并 删除 @vitejs/plugin-vue;

在这里插入图片描述

在这里插入图片描述

4. 安装vite-plugin-vue2

yarn add vite-plugin-vue2

5. 修改 vite.config.ts

import { defineConfig } from 'vite'import { createVuePlugin } from 'vite-plugin-vue2'// https://vitejs.dev/config/export default defineConfig({ plugins: [createVuePlugin()],})

6. 安装 add vue-template-compiler版本为 2.6.14

yarn add vue-template-compiler

7. 修改main 文件

import Vue from 'vue'import App from './App.vue' new Vue({ render: h => h(App)}).$mount('#app')

8. 修改App.vue, 并删除多余文件。运行

9. 安装 @vue/composition-api用于支持组合式api

yarn add @vue/composition-api

10. 安装完成后,在main中注册

import VueCompositionAPI from '@vue/composition-api'Vue.use(VueCompositionAPI)

11. setup 语法糖支持,安装unplugin-vue2-script-setup

yarn add unplugin-vue2-script-setup --dev

计算机网络

HTTP 缓存

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

HTTP 常用的请求方式,区别和用途?

HTTPS 是什么?具体流程

三次握手和四次挥手

你对 TCP 滑动窗口有了解嘛?

WebSocket与Ajax的区别

了解 WebSocket 嘛?

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

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

TCP 协议怎么保证可靠的,UDP 为什么不可靠?

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

算法

链表

字符串

数组问题

二叉树

排序算法

二分查找

动态规划

BFS

DFS

回溯算法



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。