首页> 基础笔记 >Vue基础学习 Vue基础学习

什么是vue?

作者:小萝卜 2023-03-19 浏览 218

简介`vue`是前端的一种开发框架,它主要解决前端开发中的核心痛点——复杂的DOM操作

> 笔记是由markdown格式书写
>
> 下载 [typora](https://www.typora.io/) 打开笔记

# 什么是vue

> 官网:https://cn.vuejs.org/

-----

前置知识:

- 完整的学习`vue`:`html + css`、`JavaScript`、`css3`、`HTML5`、`第三方库`、`网络通信`、`ES6+`、`webpack`、`模块化`、`包管理器`、`css预编译器`
- 体验`vue`功能:`html + css`、`JavaScript`

--------

**`vue`是前端的一种开发框架,它主要解决前端开发中的核心痛点——复杂的DOM操作**

------

`vue`拥有以下特点:

- 渐进式
- 组件化
- 响应式

------

`vue`的应用场景:

- 前台的部分页面
- 中后台的全部页面

------

`vue`的版本:

- 目前的正式版本是`2.x`
- `3.x`版本即将上线,对`2.x`是兼容的,要完全体验到`3.x`的优势,还需要学习`TypeScript`



# vue在前端的地位

前端是连接终端设备与人的技术

<img src="http://mdrs.yuanjin.tech/img/20200902153656.png" alt="image-20200902153656704" style="zoom: 33%;" />

**`vue`是实现这些技术的其中一种方式**

------

除了`vue`之外,还需要学习哪些前端知识?

`TypeScript`、`ThreeJS`、`WebGL`、`ECharts`、`NodeJS`、`Egg`、`Redis`、`Mongodb`、`Sequelize`、`Express`、`Koa`、`移动端`......



# 学习准备

1. 安装`VSCode`

   > 官网:https://code.visualstudio.com/

2. 安装`VSCode 相应插件`

   - Auto Rename Tag:能够自动更改结束标签
   - Live Server:自动搭建本地服务器
   - Prettier - Code formatter:代码美化
   - Vetur:vue组件格式支持
   - vscode-icons:美化文件图标

4. 加入组织

很赞哦! (0)

文章评论

    高端网站建设