vue.js入门

通过npm,安装vue

 最新稳定版本
$ npm install vue
# 最新稳定 CSP 兼容版本
$ npm install vue@csp
# 开发版本(直接从 GitHub 安装)
$ npm install vuejs/vue#dev


# 最新稳定版本
$ bower install vue

新建一个应用,实现双向绑定
引入vue.js文件
<script src="../vue.js"></script>

html内容:
<div id="test">
  {{message}}
  <input v-model="message" />
</div>

js内容:
new Vue({
  el:'#test',
  data:{
    message:'hello my first test'
}
})
posted @ 2017-07-11 16:01  若白衣卿相  阅读(111)  评论(0编辑  收藏  举报