网站开发的排期,开发一个平台,网站做曲线的源代码,wordpress 获取某个栏目名称响应式数据 const searchFormState reactive({})const searchFormRef ref()两者差不多#xff0c;reactive(#xff09;多用于复杂数据结构 ref()多用与简单数据结构
组件传值父传子 属性传值 父组件给子组件传值属性aa值为data :aadata 子组件接收数据方法 引…响应式数据 const searchFormState reactive({})const searchFormRef ref()两者差不多reactive(多用于复杂数据结构 ref()多用与简单数据结构
组件传值父传子 属性传值 父组件给子组件传值属性aa值为data :aadata 子组件接收数据方法 引入definePropsconst props defineProps({// 可以拿到它的值aa: {type:Boolean,default: false},})使用 const bb props.aa子传父 子组件使用事件触发 引入defineEmits // 定义emit事件const emit defineEmits({ checkedItem: null, checkedGroupListItem: null })....///触发checkedItem事件传递item数据emit(checkedItem, item)父组件监听 zujian checkedItemcheckedItem / const checkedItem(item){...}子组件中的方法需要暴露出去才能被父组件调用 // 在子组件中抛出 onOpen方法defineExpose({onOpen})//父组件中可通过ref调用zujian refaaRef checkedItemcheckedItem /const aaRef ref()aaRef.onOpen(record)生命周期 Vue3 的生命周期函数包括 beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 等。 beforeCreate 函数是整个 Vue3 实例创建的第一个生命周期函数它会在实例初始化之前调用可以用来对实例进行初始化在这个函数里可以定义一些全局变量以及添加一些指令、过滤器等 created 函数会在 beforeCreate 函数之后调用这个生命周期函数用于处理数据和事件可以在这里做一些数据处理如获取服务器数据定义一些自定义事件以及定义一些全局方法等 beforeMount 函数会在 created 函数之后调用它用于处理 DOM操作在这个函数里可以检查 DOM 是否正确渲染也可以定义一些 DOM 操作比如给某个元素设置属性添加一些事件等。 mounted 函数会在beforeMount 函数之后调用它是 Vue3实例挂载完成后调用的函数可以在这里定义一些 DOM 操作比如改变某个元素的样式添加某个 class 等
