
Vue 是一个用于构建用户界面的渐进式 JavaScript 框架,它的核心思想是“声明式渲染”——你只描述界面“应该是什么样子”,而不是一步步告诉浏览器“怎么去改 DOM”。这让你从手动操作 DOM 的繁琐中解放出来,专注在数据和逻辑上。
Vue 怎么做到声明式?靠模板 + 响应式数据
你在 HTML 中写类似这样的模板:
欢迎,{{ name }}!
你有 {{ count }} 条消息
然后用 JavaScript 创建一个 Vue 实例,把数据(name、count)和行为(click 处理)绑定上去:
立即学习“Java免费学习笔记(深入)”;
const app = Vue.createApp({data() {
return {
name: '小明',
count: 0
}
}
})
app.mount('#app')
你没写任何 document.getElementById 或 innerHTML,但界面上的文字和数字会自动更新——因为 Vue 在背后建立了数据和 DOM 的响应式连接。
标签: vue javascript java html js 浏览器 app v-if proxy 重绘
还木有评论哦,快来抢沙发吧~