上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 32 下一页
  2022年9月20日
摘要: 事件名 与组件和 prop 一样,事件名提供了自动的大小写转换。如果在子组件中触发一个以 camelCase (驼峰式命名) 命名的事件,你将可以在父组件中添加一个 kebab-case (短横线分隔命名) 的监听器。 //父组件HomeView <template> <div> <MyBox1 @ 阅读全文
posted @ 2022-09-20 22:32 香香鲲 阅读(1526) 评论(0) 推荐(0) 编辑
摘要: Teleport-传送组件 Vue 鼓励我们通过将 UI 和相关行为封装到组件中来构建 UI。我们可以将它们嵌套在另一个内部,以构建一个组成应用程序 UI 的树。 然而,有时组件模板的一部分逻辑上属于该组件,而从技术角度来看,最好将模板的这一部分移动到 DOM 中 Vue app 之外的其他位置 模 阅读全文
posted @ 2022-09-20 22:30 香香鲲 阅读(59) 评论(0) 推荐(0) 编辑
摘要: Vue3.x的生命周期 在Vue3.x中,新增了一个setup生命周期函数,setup执行的时机是在beforeCreate生命函数之前执行,因为在这个函数中不能通过this来获取实例的;同时为了命名的统一,将beforeDestory改名为beforeUnmount,destoryed改名为unm 阅读全文
posted @ 2022-09-20 22:28 香香鲲 阅读(663) 评论(0) 推荐(0) 编辑
摘要: 监听属性 与vue2.x中的watch配置功能一致 注意 监视reactive定义的响应式数据时,oldvalue无法正确获取,强制开始了深度监视(deep的配置失效) 监视reactive定义的响应式数据的某一个值时:deep配置有效 <template> <div class="home"> < 阅读全文
posted @ 2022-09-20 22:23 香香鲲 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 导入方式 1、引入ui框架 可以引入多个ui框架 但是注意css有可能会冲突 import ElementUI from 'element-ui'; 2、引入全局css整个ui框架的风格 import 'element-ui/lib/theme-chalk/index.css'; 3、把Elemen 阅读全文
posted @ 2022-09-20 21:41 香香鲲 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 在不用状态管理vuex的时候,如何让GrandFather与Son通信,我们可以用可以emit一层一层的传递:会显得冗余。 vue2.4之后,提出$attrs、$listeners ,可以实现跨级组件通信。 $listeners官网解说:事件传递 $attrs官网解说:属性传递 在组件中绑定 可以把 阅读全文
posted @ 2022-09-20 21:40 香香鲲 阅读(453) 评论(0) 推荐(0) 编辑
  2022年9月16日
摘要: ref响应式是怎样设计的? 监听了value 的改变 劫持value属性的setter gatter, 因此ref一般用在基本数据,或者引用数据的嵌套层级不深得数据上 relative也是响应式的设计 怎么设计的? 跟ref一样 但是底层采用的是ES6的Proxy代理了整个引用数据 什么是组合式AP 阅读全文
posted @ 2022-09-16 20:29 香香鲲 阅读(912) 评论(0) 推荐(0) 编辑
摘要: 常用的Composition API(组合API) 1、setup setup函数的两种返回值: 若返回一个对象,则对象中的数据、方法、在模板中均可直接使用(重点) <template> <div class="home"> <h1{{msg}}</h1> </div> </template> <s 阅读全文
posted @ 2022-09-16 20:17 香香鲲 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 创建vue3 指令: vue create filename 1.使用vue-cli创建 1.查看@vue/cli的版本,确保@vue/cli版本在4.5.0以上 vue --version 2.安装或者升级你的@vue-cli 3.创建 vue create vueproject 4.启动 cd 阅读全文
posted @ 2022-09-16 19:41 香香鲲 阅读(101) 评论(0) 推荐(0) 编辑
  2022年9月15日
摘要: Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 vuex3.0适用于vue2.0 vuex4.0适用于vue3.0和2.0 引入方式 1、 安装 npm i vuex 导入 阅读全文
posted @ 2022-09-15 21:09 香香鲲 阅读(24) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 32 下一页