vue.js入门之我见

敲代码的是从hello world开始，那么我们就先写一个hello world吧

<div id="app">  {{ message }}</div>

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

然后就是一个入门常用的api

循环数据，之前有过开发php的基础，所以先从数据循环说起：

v-for

<span style="white-space:pre"></span><div id="app">   <li v-for="messages in message">  {{messages}}  </li></div>

基本上格式是v-for="xxs in xx" 形式，前面的xxs是自己命名的一个变量，用于html引用，后面的xx则是js传过来的数据。

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

v-model

对于双向数据绑定，这个是所有mvvm里面的基础，简单的一个demo

<div id="app">  <p>{{ message }}</p>  <input v-model="message"></div>

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

刚开始学习vue，算是学习笔记把。总结一些以便将来查看。