Vue 模板与组件基础
Vue与React 前端开发基础#Python全栈#第八阶段#Vue与React 前端开发基础#Vue 模板与组件基础约 629 字 · 2 分钟阅读
追问显示点击任意追问卡片可收起 / 展开
Vue 单文件组件中的 template、script 与 style 分别做什么？
追问
<script setup> 如何向模板提供变量和方法？它是否可以不经构建直接作为普通脚本运行？文本插值、v-bind 与 v-on 怎样使用？
追问 如何动态设置按钮禁用状态、图片地址并监听点击？简写形式分别是什么？
v-if 与 v-show 有什么区别？
追问 频繁切换的小面板与条件满足才加载的复杂区域如何选择？对内部组件状态有什么影响？
v-for 怎样遍历列表，为什么需要稳定 key？
追问 筛选、排序与删除之后，怎样保证每个组件仍对应正确的业务记录？
v-if 与 v-for 用在同一元素上可能带来什么问题？
追问 如何通过计算后的列表或外层结构表达筛选条件，保持模板清晰？
Vue 的动态 class 和 style 绑定适合什么场景？
追问 如何表示选中、错误和加载状态，又避免把全部视觉逻辑放进长表达式？
v-model 怎样处理常见表单控件？
追问 文本框、复选框组与下拉框分别对应怎样的数据？修饰符能否替代完整业务校验？
如何声明并使用组件 props？
追问 必填项、默认值与类型约定怎样表达？为什么不应通过修改对象型 prop 的内部属性隐式更新父状态？
defineEmits 怎样表达子组件事件？
追问 保存、取消与删除操作分别应该携带什么数据？组件自定义事件是否像 DOM 事件一样向祖先自动冒泡？
默认插槽、具名插槽与作用域插槽各适合什么场景？
追问 通用卡片怎样允许调用方自定义标题、操作区和记录内容，而不写死业务字段？