接上一篇，让我们继续看看vue3中那些实用的小知识吧！1directivesdirective自定义指令，获取dom节点指令：{"focus":{mounted(el,binding){//el当前指令所在的dom//binding指令的信息//的值binding.valuedirective}}}Hookfunctioncreated:createdbeforeMount:parentcomponentmountedbeforemounted:aftermountedbeforeUpdate:beforeupdate2componentscomponent1.component:一个小的功能分区含义：复杂的项目拆分简单的组件，让团队开发更多高效，组件是可以重用的模块。理解：组件其实就是小Vue，有数据、方法、watch、computed组件的定义。conststeper={template:`...`}组件注册组件：{steper}组件使用2.组件传参01父子propssteper内部使用(只读，不可修改)props:{value:{type:Number,default:1}}this.value02传给emiteventfromparenttothesteperinsidethis.$emit("numchange",this.num)numchange事件名，this.num事件值父组件$event为值子组件通过numchangethis.num3传递。Slot嵌套内容可以通过slot获取组件的嵌套内容4.命名slotpreslotcontent<槽名="pre">5.Slotscopechildparent{{scope.item}}3AnimationVue提供了一个内置的transition包组件，用于包裹组件实现转场效果，自动给显示和隐藏的元素加上类名1.动画转场进入整个流程v-enter-active进入开始状态v-enter-from进入结束状态v-enter-to离开进程v-leave-active离开开始状态v-leave-from离开结束状态v-leave-to2.transitionmode模式分为in-out和out-in自定义进入类名enter-active-class自定义离开类名.leave-active-class3.Listtransition我们会使用组件来实现列表过渡标签封装标签name.v-move移动元素4节点引用ref可以使用ref属性为子组件或HTML元素指定一个引用IDthis.$refs.inpthis.$refs.btn.add()访问组件的方法this.$refs.btn.num访问组件的属性5cmd命令win+R打开运行界面，输入cmd即可打开命令窗口，切换盘符：d:,f:切换目录：cd+目录地址创建目录：md+目录地址删除目录：rd+目录地址；到上层目录help查看命令help+command=查看命令用法首字母+tab提示当前目录的文件夹机器与ip联通状态clsclearscreencalc打开计算器ctrl+c结束当前运行命令
