Vue是什么？

Vue 是一套构建用户界面的javascript框架，具有申明式、组件化的编程模型的特性。

HTML无申明 VS VUE申明式

<div id="app">
  <button onClick="count" id="count">
  </button>
</div>

<div id="app">
  <button @click="count++" >
    Count is: {{ count }}
  </button>
</div>

Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。

JS操作dom VS 响应式

window.count = 0;
function count(){
	count++;
	ddocument.getElementById("count").innerHTML="Count is : "+ count;
}

import { createApp } from 'vue' 
createApp({ data() { return { count: 0 } } }).mount('#app')

Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。