实战技巧
使用bootstrap
-
当一个页面由三层组件组成，如何传值？ 也就是父传子，子再传它的子。为了方便理解，用爷爷→父亲→儿子，在父组件添加
const props = defineProps({定义你的值})，孙子组件再次添加const props = defineProps({定义你的值})，实现完成爷爷的数据传递给孙子。 -
当使用bootstrap的modal（弹出对话框）时，循环了多个按钮，但由于ID问题不进行有效动态更改，会导致任意按钮打开弹窗，而始终对应第一个弹窗的内容，此时就可以用爷爷传值给孙子，孙子使用index来设置id，比如：
const ModelButton = 'ha' + props.myid + 'ha'；这个{{ myid }}是爷爷传过来的值。也可以试试
v-for循环时的index参数传值，然后定义css样式的id
熟练使用下面的
-
definemodel -
defineEmits和v-model
