Vue3.x项目开发常用知识点

PS：以下知识点全部基于vue3.x+typescript+element-plus+setup语法糖。1.定义组件属性constprops=defineProps({visible:{type:Boolean,default:false}})console.log(props.visible)[warning]注意：defineProps不需要从vue中导入，setup语法糖环境会自动识别2.Formatterabbreviation在el-table-column中使用formatterabbreviationformatTime(args[2])"/>三、父子组件通信子组件：四、监听组件属性变化constprops=defineProps({visible:{type:Boolean,default:false}})//监听visiblewatch(()=>props.visible,(newV)=>{if(newV){//...}})5.自定义指令本地指令：[警告]注意：局部指令定义需要以v开头，如：vFoo，这样才能识别v-foo指令。全局指令：constapp=createApp(App)//权限指令app.directive('auth',{mounted(el:any,binding:any){if(!binding.value){el.parentNode.removeChild(el)}}})更多前端知识，请关注小程序，不定期有惊喜哦！