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入门介绍
45 0
|
2天前
|
开发框架 JavaScript 前端开发
探索Vue.js:从基础到进阶
Vue.js 是一款受青睐的前端框架,以其简洁、灵活和响应式设计著称。核心特性包括数据绑定、指令(如 v-if、v-for)和组件化开发。进阶技巧涉及Vuex(状态管理)、Vue Router(路由)和生命周期钩子。通过Vue CLI和Vue DevTools加速开发和调试。丰富的生态系统包含社区资源、插件和教程,助力开发者构建现代Web应用。学习Vue.js能提升开发效率和职业能力。
10 2
|
2天前
|
JavaScript
Vue.js 进阶技巧:自定义指令的使用与实现
Vue.js 进阶技巧:自定义指令的使用与实现
|
2天前
|
JavaScript
总结vue3 的一些知识点:Vue.js 安装(下)
选取 Runoob,输出效果如下所示:
|
2天前
|
JavaScript 前端开发 CDN
总结vue3 的一些知识点:Vue.js 安装
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
|
2天前
|
JavaScript 前端开发 开发者
VUE基础知识:什么是Vue.js?它的主要特点是什么?
VUE基础知识:什么是Vue.js?它的主要特点是什么?
68 0
|
2天前
|
JavaScript 前端开发 搜索推荐
Vue.js面试题(一)
Vue.js面试题(一)
73 1
|
2天前
|
缓存 JavaScript 小程序
Vue.js面试题(四)
Vue.js面试题(四)
40 0
|
2天前
|
缓存 JavaScript 算法
Vue.js面试题(三)
Vue.js面试题(三)
91 0