Vue的数据绑定和计算属性

一、概述

Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于 View 层。它的核心是 MVVM 中的 ViewModel。

1、MVVM是一种基于前端开发的架构模式，其核心是提供了双向数据绑定。

2、ViewModel （vue实例）负责连接 View（视图） 和 Model（数据），保证视图和数据的一致性。

二、Vue双向数据绑定

1、使用 v-model 绑定文本框

<div id="app">
<P>{
  {number}}</P>
<input type="number" name="" v-model="number">  <!--  V-model : 它负责把用户输入到表单中的数据绑定到Vue的data  -->
</div>

2、实例化Vue对象并写入我的代码

<script type="text/javascript"> 
	//vm:viewmodel,当作new Vue对象
	//m:model,当