2022年9月20日
摘要：
等待异步组件时渲染一些额外的内容,让应用有更好的用户体验 <suspense> 组件有两个插槽。它们都只接收一个直接子节点。default 插槽里的节点会尽可能展示出来。如果不能，则展示 fallback 插槽里的节点。 <template> <div class="fa"> <h1>父组件Home 阅读全文
摘要：
注册组件 组件内部 <script> import Box1 from "./Box1.vue" export defult{ components:{ Box1 }, setup(){} } </script> vue3组件内部组合式API setup语法糖中注册组件 <script setup> 阅读全文
摘要：
状态驱动的动态 CSS 单文件组件的 <style> 标签可以通过 v-bind 这一 CSS 函数将 CSS 的值关联到动态的组件状态上 <template> <div class="box1">hello</div> <button @click="changcolor">修改box1的样式</ 阅读全文
摘要：
事件名 与组件和 prop 一样，事件名提供了自动的大小写转换。如果在子组件中触发一个以 camelCase (驼峰式命名) 命名的事件，你将可以在父组件中添加一个 kebab-case (短横线分隔命名) 的监听器。 //父组件HomeView <template> <div> <MyBox1 @ 阅读全文
摘要：
Teleport-传送组件 Vue 鼓励我们通过将 UI 和相关行为封装到组件中来构建 UI。我们可以将它们嵌套在另一个内部，以构建一个组成应用程序 UI 的树。 然而，有时组件模板的一部分逻辑上属于该组件，而从技术角度来看，最好将模板的这一部分移动到 DOM 中 Vue app 之外的其他位置 模 阅读全文
摘要：
Vue3.x的生命周期 在Vue3.x中，新增了一个setup生命周期函数，setup执行的时机是在beforeCreate生命函数之前执行，因为在这个函数中不能通过this来获取实例的；同时为了命名的统一，将beforeDestory改名为beforeUnmount，destoryed改名为unm 阅读全文
摘要：
监听属性 与vue2.x中的watch配置功能一致 注意 监视reactive定义的响应式数据时，oldvalue无法正确获取，强制开始了深度监视（deep的配置失效） 监视reactive定义的响应式数据的某一个值时：deep配置有效 <template> <div class="home"> < 阅读全文
摘要：
导入方式 1、引入ui框架 可以引入多个ui框架 但是注意css有可能会冲突 import ElementUI from 'element-ui'; 2、引入全局css整个ui框架的风格 import 'element-ui/lib/theme-chalk/index.css'; 3、把Elemen 阅读全文
摘要：
在不用状态管理vuex的时候，如何让GrandFather与Son通信，我们可以用可以emit一层一层的传递:会显得冗余。 vue2.4之后，提出$attrs、$listeners ,可以实现跨级组件通信。 $listeners官网解说:事件传递 $attrs官网解说:属性传递 在组件中绑定 可以把 阅读全文