190323&Vue 的核心概念有哪些

Vue 的核心概念有哪些?

最近几年，国内最流行的前端框架，真的是非 Vue 莫属了，而对于自己来说，有点 out。

vue 官网宣称是一个渐进式框架，上手容易，看着官网一步步走就 OK，GitHub 上也有相应的脚手架可以下载。

对于实践这方面来说，仅仅是通过改造公司内部管理系统，然后练习了 vue 的

• 路由配置
• 图片上传

这两部分而已，其中的核心概念还没有深入研究过。所以这次想好好梳理一下。

目前状态

Vue.js 是 2014 年 2 月开源的一个前端开发库，通过简洁的 API 提供高效的数据绑定和灵活的组件系统，在前端纷繁复杂的生态中，Vue.js 有幸受到一定程度的关注，目前在 GitHub 上已经有 132k+的 star。

Vue 核心概念

通过网上搜集，Vue 的核心概念有这么几个。

• Render 函数
• 生命周期
• 响应式原理
• 数据绑定
• 模板语法 & 表达式
• 指令 & 缩写
• 过滤器
• 计算属性
• 修饰符
• 组件
• Prop & Slot
• 数据观测

发展历程

以下是从网上的一篇文章中拷贝下来的，尤大神的开发初衷.

开发初衷:
2013 年末，我还在 Google Creative Lab 工作。当时在项目中使用了一段时间的 Angular，在感叹数据绑定带来生产力提升的同时，我也感到 Angular 的 API 设计过于繁琐，使得学习曲线颇为陡峭。出于对 Angular 数据绑定原理的好奇，我开始 “造轮子”，自己实现了一个非常粗糙的、基于依赖收集的数据绑定库。这就是 Vue.js 的前身。同时在实际开发中，我发现用户界面完全可以用嵌套的组件树来描述，而一个组件恰恰可以对应 MVVM 中的 ViewModel。于是我决定将我的数据绑定实验改进成一个真正的开源项目，其核心思想便是 “数据驱动的组件系统”

于我而言

目前还是深入实践一下为好，毕竟现在直接看原理，难免有些晦涩难懂，还是通过实践，然后再返回来看，或许会好些。

参考

一句话理解 Vue 核心内容
重温 vue.js—核心概念
vue 核心概念
vuejs 核心概念简析
我们来看看尤大神谈 vue.js