在对Angular的学习中,了解到AngularJS 的两个主要缺点:

  • 对于每一次界面时间,Ajax 或者 timeout,都会进行一个脏检查,而每一次脏检查又会在内部循环检查,当界面绑定的model 很多,就会造成严重的性能问题 。

  • Angular 混乱的模块,并不能起到命名空间的作用,因而在大项目中组织模块又是一件头疼的事。

但是 Angular 开发中小型的应用是很棒的,也是将 MVC 引入到前端的开始。定一个目标,两年时间理解 《Build Your Own AngularJS》。

Vue 抛弃了Angular 中脏检查的方式,而使用 Javascript 中变量的setter 属性来截获数据变化,更加巧妙和机智。
在 MVVM 时代,浏览器自身属性变得更加重要起来。getter 和 setter 曾被认为是一个无太大用处的一个属性。

为了较为深入的理解 Vue, 自己撸了一个简易版 MVVM 。 先看效果吧 。

    <input type="text" v-model="hello" value="">
    <div id="template">
        {{hello}}    </div>
    <div class="template">
        {{bind}}    </div>
    <script src="app.js"></script>
    var vue = new Vue({
        ele: '#template',
    });
    var vue1 = new Vue({
        ele: '.template',
        data: {
   &n