摘要:
事件名 与组件和 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官网解说:属性传递 在组件中绑定 可以把 阅读全文