vue 执行顺序

最新推荐文章于 2024-06-11 11:01:55 发布

海棠睿睿

最新推荐文章于 2024-06-11 11:01:55 发布

阅读量994

点赞数

分类专栏： vue js 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_43173912/article/details/127014913

版权

js 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

vue

5 篇文章 0 订阅

订阅专栏

props > methods > data > computed > watch

 function initState (vm) {
    vm._watchers = [];
    var opts = vm.$options;
    if (opts.props) { initProps(vm, opts.props); }
    if (opts.methods) { initMethods(vm, opts.methods); }
    if (opts.data) {
      initData(vm);
    } else {
      observe(vm._data = {}, true /* asRootData */);
    }
    if (opts.computed) { initComputed(vm, opts.computed); }
    if (opts.watch && opts.watch !== nativeWatch) {
      initWatch(vm, opts.watch);
    }
  }
以上为vue的部分源码，可以看出判断顺序：
props > methods > data > computed > watch