Vue 详解 手记

本文详细介绍了Vue.js的基础知识,包括Vue的特点、MVVM模式、数据绑定原理、组件化开发、监听器和生命周期。同时,讲解了Vue中的事件处理、组件通信、Vuex的理解以及多种引入方法。此外,还探讨了Vue中的语法糖,如v-bind和v-on的简写形式。
摘要由CSDN通过智能技术生成

认识vue.js

vue 是什么

官方文档:Vue 是一套用于构建用户界面的渐进式框架。

Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

总结:简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。

渐进式:你可以一步一步,有阶段性地来使用vue 不必一开始就使用所有的东西。

优点:

  • 解耦视图与数据
  • 可复用的组件
  • 前端路由
  • 状态管理
  • 虚拟DOM

MVVM 模式

model - viem - view - model
在这里插入图片描述

vue 原理

vue实现数据双向绑定主要是:
采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时,Vue 将遍历它的属性,用 Object.defineProperty 将它们转为 getter/setter,在属性被访问和修改时通知变化。

Vue的模式是m-v-vm模式,即(model-view-Viewmodel)&

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值