Vue
你可能会说
听说 Vue 对新手更友好,是真的吗?跟 React 比呢?
Vue 是把网页拆成可复用部分,并让画面跟随数据变化的工具。例如点一次“+1”后,页面数量从 0 变成 1,Vue 会让按钮旁的文字跟着更新。它只负责页面怎样显示,数据是否长期保存仍要由服务器处理。
先知道
也常被叫作Vue.js
延伸阅读 · 权威出处
听说 Vue 对新手更友好,是真的吗?跟 React 比呢?
const count = ref(0)<button @click="count++"> 已加入 {{ count }} 件</button>模板里的 {{ count }} 一直读着这个值;ref 变了,文字就同步变。
ref 放着当前值:ref 可以记住 count 现在是 0 还是 1。
模板正在读取它:按钮里的 {{ count }} 表示:这里显示 count 当前的值。
改值后同步:点击把 count 改掉后,Vue 找到模板里读 count 的位置,换成新的文字。
请让主题名称输入框和预览标题绑定同一份 Vue 响应式状态,输入时立即更新,不直接操作 DOM。保存按钮再调用现有接口,并测试刷新前后的未保存与已保存状态。