Vue.js 是一个用于创建 web 交互界面的库。MVVM界的新贵。它具有简单而灵活的 API，创建出来的组件可以实时反映数据的变化。

##介绍

       Vue.js 是一个用于创建 web 交互界面的库。

       从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来。实际的 DOM 封装和输出格式都被抽象为了 Directives 和 Filters。

从哲学角度讲，我们希望创造的价值，在于通过一个尽量简单的 API 产生可反映的数据绑定和可组合的视图组件。它不是一个大而全的框架——它为简单灵活的视图层而生。您可以独立使用它快速开发原型、也可以混合别的库做更多的事情。它同时天然的适用于诸如 Firebase 的 no-backend 服务。

Vue.js 的 API 设计深受 AngularJS、KnockoutJS、Ractive.js 和 Rivets.js 的影响。尽管有不少雷同，但 Vue.js 能够通过在简约和功能两者之间的巧妙契合，体现出其特殊的价值。

##一个简单的例子

html

&ltdiv id="demo">
  &lth1>&lt/h1>
  &ltul>
    &ltli
      v-repeat="todos"
      v-on="click: done = !done"
      class="">
      


  

    
html5canvas学习记录
    
    

    目录:
    
    html5 
     
    
    | 标签:
    
    html5 , 
    
    canvas 
    
    
    
    | 发表时间: May 21, 2015
    
    
  

  

    
       canvas 元素用于在网页上绘制图形。HTML5 的 canvas 元素使用 JavaScript 在网页上绘制2D图像。web GL和D3.js等也使用canvas元素的图像定制性，用少量的代码实现了惊艳的效果。

       接下来一个阶段着重研究canvas元素，shader toy的研究推迟了。



       学习计划，先研究canvas 2D元素，并最终实现一个简易物理引擎和ungame游戏引擎；再研究web GL，并争取最终实现一个3D游戏引擎。

研究实例和研究感想发到一个子站，菊长的绘画教室

实例源代码这次托管在bitbucket，实例源码


  
  





  

    
    
← 前一页
    
    
    
后一页 →
    
  










    &lt/li>
  &lt/ul>
&lt/div>

javascript

var demo = new Vue({
  el: '#demo',
  data: {
    title: 'todos',
    todos: [
      {
        done: true,
        content: 'Learn JavaScript'
      },
      {
        done: false,
        content: 'Learn Vue.js'
      }
    ]
  }
})

运行结果

##一个复杂点的例子，用vue.js实现一个markdown编辑器

源代码在这里