Vue学习--第一篇

一、引用

1、CDN链接

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>

2、下载

二、用法

创建一个实例

new Vue({
  // 选项
})

三、语法

1、使用双括号{{}}

四、双向绑定

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

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

使用v-model和data绑定，当input中的内容修改的时候，data中的message也被修改，同时P中的内容也被修改

未完待续。。。。。