Vue.js 知识点总结(一)

简介: Vue.js 知识点总结(一)

首先我们需要了解一下什么是vue


Vue.js 是一种流行的前端 JavaScript 框架,用于构建用户界面。


Vue.js 被设计为自底向上逐层应用,它的核心库专注于视图层,易于与其他库或已有项目整合。Vue.js 的目标是通过尽可能简单的 API 实现响应式数据绑定和组合的视图组件。


vue的优缺点


优点:


  1. 组件化开发,提升效率,方便复用,便于协同开发
  2. 单页面路由
  3. 易于结合其他的第三方库
  4. 丰富的api方法
  5. 轻量高效,虚拟DOM
  6. MVVM,数据驱动视图
  7. 轻量级的框架


缺点:


  1. 缺少高阶教程和文档
  2. 生态环境不如angular和react
  3. 社区不大
  4. 不支持ES6的浏览器无法使用,如ie10
  5. 报错不明显,适合单人开发或者中小型项目
  6. 不利于SEO优化


核心概念


组件化开发


优点很多,可以很好的降低数据之间的耦合度。将常用的代码封装成组件之后,就能高度的复用,提高代码的可重用性。一个页面/模块可以由多个组件所组成。


数据驱动


在vue中,数据的改变会驱动视图的自动更新。传统的做法是需要手动改变DOM来使得视图更新,而vue只需要改变数据,剩下的vue帮你做。


MVVM


M:model模型,在vue中指数据

V:view视图, 用户在屏幕上看到的结构、布局和外观(UI)

VM:ViewModel 视图模型,监听视图或者模型的变化,更改模型或视图


运行原理:


当view变化,VM监听后更改model

当model变化,VM监听后更改view


虚拟dom


浏览器中的一个概念,用JS对象来表示页面上的元素,并提供用于操作DOM对象的API


相关文章
|
JavaScript 前端开发 CDN
总结 vue3 的一些知识点:Vue.js 安装
总结 vue3 的一些知识点:Vue.js 安装
|
JavaScript
总结 vue3 的一些知识点:​Vue.js 条件语句​
总结 vue3 的一些知识点:​Vue.js 条件语句​
|
9天前
|
设计模式 JavaScript 前端开发
JavaScript进阶挑战:巩固核心知识点
以上内容涵盖了从基础到进阶水平所需掌握内容,在日常工作中需要持续实践和深入学习才能真正精通这些知译点。
52 12
|
6月前
|
存储 前端开发 JavaScript
JavaScript的重要知识点
以上就是JavaScript的一些重要知识点。学习JavaScript需要理解和掌握这些知识点,才能编写出高效、可维护的代码。同时,还需要不断实践,通过编写项目来提高编程技能。
90 14
|
11月前
|
存储 JavaScript 前端开发
JS的ES6知识点
【10月更文挑战第19天】这只是 ES6 的一些主要知识点,ES6 还带来了许多其他的特性和改进,这些特性使得 JavaScript 更加现代化和强大,为开发者提供了更多的便利和灵活性。
226 58
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
110 5
|
存储 JSON JavaScript
JS知识点
JS知识点
123 3
|
JavaScript 前端开发 Java
JavaScript 类知识点概览
概览JavaScript中类的知识点,包括类的定义和实现、添加方法和get/set方法、类的继承和静态方法的使用。通过学生类和人员类的例子,演示了类的构造器、方法定义、继承关系和静态方法的调用。
JavaScript 类知识点概览
|
12月前
|
前端开发 JavaScript
JavaScript 知识点总结
JavaScript 知识点总结
107 0
|
存储 JavaScript 前端开发
JavaScript知识点
JavaScript知识点

热门文章

最新文章