// blog已迁移至https://wu-yu-pei.gitee.io

vue-mvvm-第二篇

vue-mvvm-第二篇

本篇主要实现mvvm的数据劫持和依赖收集及观察者类

  • 数据劫持 Object.defineproperty()(vue2) / Proxy&Reflect(vue3)
  • get中进行依赖的收集
  • set中监听到数据变化,通知更新
  • Depence类中完成依赖的收集
  • watcher类—>订阅者

展开全文 >>

vue-mvvm(第一篇)

学习vue源码之——————–>MVMV(一)

最近对vue的mvvm很感兴趣,于是乎 在B站学习了一丢丢 动手实践了一下下~~

本篇主要实现的Complire

整体思路:

  • new Vue(optiones) 传入options
  • Complire编译html中使用的指令和mastach语法
  • 为了减少重绘和回流 先创建文档片段document.createDocumentFragment进行dom操作
  • 利用正则解析mastach语法
  • 针对不同的element使用不同的额处理(textnode,elementnode)
  • 从传入的option.data中取数据,赋值

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

河南财政金融学院<br><br>(胆小认生，不易相处)<br><br>19级计算机信息与技术<br>QQ:495174699<br>WX:18338323927