vue模板支持插值{{}}、指令如v-bind/v-if/v-for、事件@click,仅限表达式;响应式在vue2用object.defineproperty、vue3用proxy;父子通信用props/$emit,深层用provide/inject;组合式api提供onmounted等钩子及自定义hook。

Vue 模板语法:写得像 HTML,运行却有逻辑
Vue 的模板不是静态 HTML,而是支持插值、指令和事件绑定的动态视图层。用 {{ }} 插值显示数据,比如 {{ message }};用 v-bind:(简写 :)动态绑定属性,如 :class="isActive";用 v-if、v-for 控制渲染逻辑;用 @click(即 v-on:click)响应用户操作。
注意:模板中不能写复杂语句,只支持表达式(如 a + b、items.filter(x => x.active)),不支持 if/for 语句。逻辑尽量提取到 methods 或 computed 中。
响应式数据:data 是对象,但 Vue 做了深层代理
在 Vue 2 中,响应式靠 Object.defineProperty 实现;Vue 3 改用 Proxy,支持新增/删除属性、数组索引赋值等原生操作。定义响应式数据时:
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章
