vuejs中的 视图层的变量加载过程

都集中在 <script> 区域中。

<template>
</template>
<script>
export default { 

  // 这个是页面加载前， 先把变量定义在这里。 相当于rails中声明了 @变量
  data () { 
    return {
      a: 1
    }
  }, 

  // 这个是页面加载后，可以在远程取值。
  created() { 
    //发起request 请求， 再刷新页面。再干嘛干嘛
    // 相当于rails中 对@变量进行赋值。
    a = 2
  }

}
</script>