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


相关文章
|
2月前
|
JavaScript 前端开发 CDN
总结 vue3 的一些知识点:Vue.js 安装
总结 vue3 的一些知识点:Vue.js 安装
|
8月前
|
Web App开发 JavaScript 前端开发
Vue.js入门介绍
Vue.js入门介绍
43 0
|
3月前
|
JavaScript 前端开发 CDN
总结vue3 的一些知识点:Vue.js 安装
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
|
3月前
|
JavaScript
总结vue3 的一些知识点:Vue.js 安装(下)
选取 Runoob,输出效果如下所示:
|
4月前
|
JavaScript 前端开发 开发者
VUE基础知识:什么是Vue.js?它的主要特点是什么?
VUE基础知识:什么是Vue.js?它的主要特点是什么?
64 0
|
5月前
|
缓存 监控 JavaScript
Vue.js面试题(二)
Vue.js面试题(二)
99 0
|
5月前
|
JavaScript 前端开发 搜索推荐
Vue.js面试题(一)
Vue.js面试题(一)
70 1
|
5月前
|
缓存 JavaScript 算法
Vue.js面试题(三)
Vue.js面试题(三)
88 0
|
5月前
|
缓存 JavaScript 小程序
Vue.js面试题(四)
Vue.js面试题(四)
37 0
|
9月前
|
JavaScript 前端开发 程序员
Vue.js学习和常用知识(一)
@[TOC](目录) Vue.js 是一个流行的 JavaScript 框架,用于构建用户界面。Vue.js 具有简单易用、灵活性强、可扩展性好、文档齐全等特点,因此在前端开发中被广泛应用。下面将从 Vue.js 的基本概念、组件、指令、计算属性、监听器、生命周期等方面进行详解。 # 一、基本概念 ## 1.1 Vue.js 简介 Vue.js 是一个流行的 JavaScript 框架,用于构建用户界面。Vue.js 具有简单易用、灵活性强、可扩展性好、文档齐全等特点,因此在前端开发中被广泛应用。Vue.js 由中国程序员尤雨溪于 2014 年创建,并于 2018 年发布了 Vue 3.0 版