Decorative image frame

Wangx's blog

Whatever is worth doing is worth doing well.

Wangx's blog

Vue数据单向流动

介绍

  官方说法叫单向数据流,意思是父级prop的更新会向下流动到子组件中,但是反过来是不行的。为的是防止子组件修改父组件的状态。但是实际开发中我们可能会遇到以下两种情况:

  1. 需要使用并修改父组件传递的数据,但不需要回传给父组件

  2. 需要使用并修改父组件传递的数据并回传给父组件
阅读更多...

双向绑定

双向绑定

  数据的双向绑定可以说是MVVM框架的核心思想,MVVM框架包括三个部分,Model、View和ViewModel,分别指数据、视图、ViewModel可以说是前二者的连接者,二者通过它实现数据的双向绑定。以Vue为例,先看下Vue官网数据绑定的示意图:

数据绑定

  这张图想表达的是,对象a下的属性b定义了getter、setter对属性进行劫持,当属性值改变时就会notify通知watch对象,而watch对象则会notify到view更新。反之,在视图改变数据时,也会触发订阅者watch,更新数据到data中。这样的model能实时响应view上的数据变化,view实时响应model的数据变化,这样的一个过程就叫数据的双向绑定。

  Vue是通过ES5中Object.defineProperty()这个方法来实现getter、setter对数据进行劫持,所以要运行Vue的运行环境需支持ES5。
阅读更多...

Vuex

Vuex

  官方说vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

  按我的理解就是,Vuex也是用来管理组建之间通信的。组件之间都是独立的,组件之间想实现通信,就要用到之前的文章提到的props选项,自定义事件,以及eventbus,前两种只适用于父子关系,eventbus可以适用所有的组件通信。但是据说不是很推荐,我想可能的原因是在大型项目中,到处引用一个eventbus代码可读性差、可能会命名冲突等,以及数据并不好进行管理。而Vuex就是解决这样的问题的,将组件需要共享的数据提出来,在一定的规则下管理这些数据,在大型项目中看起来就会仅仅有条。当然我也说了,是大型项目,一般的小项目还是用前三种方式去做吧,不要为了用vuex而用。
阅读更多...

图解http读后感

前言

  去年上计算机网络的时候,没有好好学,很多东西都是懵懵懂懂的,最后草草复习了一下,考过了这门课。但是网络这块的知识在开发中还是蛮重要的,所以就在推荐下买了这本图解http,在这里总结下这本书的内容以及来一篇读后感。
阅读更多...

从wordpress转战hexo

前言


  之前弄了个腾讯云的学生机,顺带利用学生优惠申请了个域名,不知道干嘛就搭了一个wordpress。当时用wordpress还是蛮流行的,有很多丰富的插件,会一些html也可以自己定制一些东西。wordpress很臃肿,又受限于学生机,首次加载贼慢,还有学生机的内存,之前课程的时候弄ubuntu图形界面,主机崩掉了,丢失了一些数据。最近不知怎么wordpress站点被黑了,每天会发几篇文章。也没有其他恶意行为,找了原因,发现也没完全解决掉。然后就被安利了hexo,了解了下,hexo全部生成静态文件,加载很快而且没有数据库,迁移也方便,也很安全。

  hexo的搭建还是蛮简单的,但是在这个过程中还是踩了很多坑,就来分享一下遇到的坑。
阅读更多...