VUE入门-从实战中提炼

最新推荐文章于 2024-11-08 23:19:07 发布

都市浪人

最新推荐文章于 2024-11-08 23:19:07 发布

阅读量800

点赞数

分类专栏：前端 vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/sun_96216/article/details/124920704

版权

本文介绍了Vue.js的基本概念、应用场景、优缺点，并详细阐述了Vue.js的环境搭建、目录结构、生命周期以及常用命令。同时，文章提及Vue-router、Webpack等关键组件和工具，强调Vue.js的组件化开发和响应式数据绑定特点。

摘要由CSDN通过智能技术生成

vue这门技术已出现几年了，一直没有真正地进行项目实战，所以最近接了个实际项目(vue+elementUi+Echarts )，拿来边研究边实际操作

一、简介
Vue 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用（SPA）提供驱动。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能地驱动复杂的单页应用。

二、能干什么
Vue可以做从简单到复杂的前端单页应用，随处可见的Web前端都可以用Vue来开发。
WebApp等

三、优缺点：
1、优点
轻量级的框架
双向数据绑定
组件化开发
单页面路由
学习成本低
虚拟dom
渐进式框架
数据和结构的分离
运行速度快
插件化
2、缺点
不支持IE8以下
社区可能没有Angular和React那么丰富
Vue 不缺入门教程，可是很缺乏高阶教程与文档。同样的还有书籍
因为是单页面应用，不利于seo优化
初次加载时耗时多

注：vue3已不支持IE，vue2可以

四、基础
需要了解：
1，Nodejs ：基于Chrome V8引擎的JavaScript运行环境，让JavaScript运行在服务端的开发平台。类似java的运行环境。
2，V8引擎：是JavaScript运行的解释器，作为chrome浏览器的js执行解释器。
3，Express.js ：是一个简单灵活的node.js web应用框架，提供了一些列强大的特性创建个中web应用
4，npm ：js的包管理器(Node Package Manager),类似java中的maven，gradle
5，ajax ：多用于jquery项目，不介绍
6，axios ：用于浏览器和node.js的基于Promise的HTTP客户端，基于ajax封装,为MVVM框架而生 (vue )
7，fetch ：是ajax在ES6的替代品，是原生js封装的
8，ES6 ：ECMAScript6是JavaScript语言的国际标准
9，Promise ：是异步编程的一种解决方案，比传统的解决方案cal