Vue.js 极简教程

https://unpkg.com/[email protected]/dist/vue.js

来，直接开始：

创建一个 .html 文件，然后通过如下方式引入 Vue：

jsfiddle Hello World 例子：

https://jsfiddle.net/chrisvfritz/50wL7mdz/

  
{{ message }}

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})

参考资料：

Vue.js 文档：https://cn.vuejs.org/v2/guide/

https://www.w3cplus.com/blog/vue

Vue 以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。

如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。

当然了，在使用Vue.js时，你也可以结合其他库一起使用，比如jQuery。