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 条件语句​
|
5月前
|
设计模式 JavaScript 前端开发
JavaScript进阶挑战:巩固核心知识点
以上内容涵盖了从基础到进阶水平所需掌握内容,在日常工作中需要持续实践和深入学习才能真正精通这些知译点。
199 12
|
11月前
|
存储 前端开发 JavaScript
JavaScript的重要知识点
以上就是JavaScript的一些重要知识点。学习JavaScript需要理解和掌握这些知识点,才能编写出高效、可维护的代码。同时,还需要不断实践,通过编写项目来提高编程技能。
208 14
|
存储 JavaScript 前端开发
JS的ES6知识点
【10月更文挑战第19天】这只是 ES6 的一些主要知识点,ES6 还带来了许多其他的特性和改进,这些特性使得 JavaScript 更加现代化和强大,为开发者提供了更多的便利和灵活性。
494 157
|
JavaScript 前端开发 Java
JavaScript 类知识点概览
概览JavaScript中类的知识点,包括类的定义和实现、添加方法和get/set方法、类的继承和静态方法的使用。通过学生类和人员类的例子,演示了类的构造器、方法定义、继承关系和静态方法的调用。
JavaScript 类知识点概览
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
150 5
|
存储 JSON JavaScript
JS知识点
JS知识点
180 3
|
前端开发 JavaScript
JavaScript 知识点总结
JavaScript 知识点总结
157 0
|
JavaScript 前端开发
JavaScript 知识点总结
JavaScript 知识点总结JavaScript 是一种广泛应用于前端开发的编程语言。本文将总结一些常见的 JavaScript 知识点,帮助你更好地理解和应用这门语言。 一、基本语法和数据类型 变量声明:使用 var、let 或 const 声明变量。var 声明的变量具有函数作用域,而 let 和 const 声明的变量具有块级作用域。 var x = 10; let y = 20; const z = 30; 数据类型:JavaScript 中有以下几种基本数据类型:String(字符串)、Number(数字)、Boolean(布尔值)、Undefined(未定义)、Null(空值
185 3

热门文章

最新文章