Vue 是用来创建用户界面的 JavaScript 框架,它以HTML、CSS 和 JavaScript 创建,提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面,无论是简单还是复杂的界面,Vue 都可以胜任
代码示例:
import { createApp, ref } from 'vue'
createApp({
setup() {
return {
count: ref(0)
}
}
}).mount('#app')
<div id="app">
<button @click="count++">
Count is: {{ count }}
</button>
</div>
-
声明式渲染:Vue 在 HTML 加了一套模板语法,使得我们可以描述最终输出的 HTML 和 JavaScript 状态之间的关系。
-
响应性:Vue 会自动跟踪 JavaScript 状态,在其发生变化时更新 DOM。
-
可以用不同的方式使用vue:
- 无需构建步骤,渐进式增强静态的 HTML
- 在任何页面中作为 Web Components 嵌入
- 单页应用 (SPA)
- 全栈 / 服务端渲染 (SSR)
- Jamstack / 静态站点生成 (SSG)
- 开发桌面端、移动端、WebGL,甚至是命令行终端中的界面