Vue(发音为/vjuː/,类似view)是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面!
其功能覆盖了大部分前端开发常见的需求。但Web世界是十分多样化的,不同的开发者在Web上构建的东西可能在形式和规模上会有很大的不同。考虑到这一点,Vue的设计非常注重灵活性和“可以被逐步集成”这个特点。根据你的需求场景,你可以用不同的方式使用Vue:
无需构建步骤,渐进式增强静态的HTML;
在任何页面中作为Web Components嵌入;
单页应用(SPA);
全栈/服务端渲染(SSR);
Jamstack/静态站点生成(SSG);
开发桌面端、移动端、WebGL,甚至是命令行终端中的界面;
基本的示例:
js代码
import { createApp } from 'vue'
createApp({
data() {
return {
count: 0
}
}
}).mount('#app')
template代码
<div id="app">
<button @click="count++">
Count is: {{ count }}
</button>
</div>