摘要: vue2:options api 采用的是命令式编程,而vue3组合式api采用的是函数式编程,两者存在很大的差异,vue3更灵活,难度也更大。 script 语法糖,vue3可以通过导入函数的方式来定义响应式数据 为了在声明 props 和 emits 选项时获得完整的类型推断支持,我们可以使用 阅读全文
posted @ 2023-03-07 23:41 guorunbin 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 组件 由tmplate script style 构成 组件中的模板中只能有一个div(根节点) 启用less语法 使用<style lang="less"> 组件在被封装好后,彼此之间是独立的 在使用组件时,根据嵌套关系,形成父子、兄弟关系 通过componets 注册的是私有子组件 例如:在a中 阅读全文
posted @ 2023-03-07 23:36 guorunbin 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 生命周期 组件的生命周期是指一个组件从创建->运行->销毁的整个阶段,强调的是一个时间段 生命周期函数:是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行 update 函数:在DOM更新的时候,会触发update update(el,binding){ el.style.colo 阅读全文
posted @ 2023-03-07 23:34 guorunbin 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 路由:hash地址与组件之间的对应关系 SPA:单页面应用程序 前端路由的工作方式 1、用户点击了页面上的路由链接 2、导致了url地址栏的hash值变化 3、前端路由监听到了hash地址的变化 4、前端路由把当前hash地址对应的组件渲染到浏览器中 在vue项目中,要想把路由用起来,必须把路由实例 阅读全文
posted @ 2023-03-07 23:31 guorunbin 阅读(21) 评论(0) 推荐(0) 编辑
摘要: Vue x 在开发中,我们会的应用程序需要处理各种各样的数据,这些数据需 要保存在我们应用程序中的某一个位置,对于这些数据的管理我们就 称之为是 状态管理 src/store/index.js import { createStore } from "vuex"const store=createS 阅读全文
posted @ 2023-03-07 23:28 guorunbin 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 子组件向父组件共享数据使用自定义事件 父向子用自定义属性 兄弟之间用eventbus 组件的$nextTick(cb)方法,会把cb回调到下一个dom更新周期之后执行 Vue2 中非父子组件之间用的是eventbus,而Vue3中非父子通信用的是全局事件总线和Provide/Inject 对于缓存的 阅读全文
posted @ 2023-03-07 23:28 guorunbin 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 判断类型时除了用type of 还可以用instanceof persion instanceof Object for in 用于枚举对象中的非符号键属性,forin不能保证返回的对象 for of 用于遍历可迭代对象的元素 break 和continue 区别:break用于立即退出当前循环,强 阅读全文
posted @ 2023-03-07 23:26 guorunbin 阅读(20) 评论(0) 推荐(0) 编辑
摘要: jquery 监听document的DOMContentLoaded的方案 $(handler) 监听windows的load事件即:网页所有资源加载完 $(window).on('load',handler) jquery 与其他库的变量名冲突 解决冲突 调用jquery 函数 noconflic 阅读全文
posted @ 2023-03-07 23:25 guorunbin 阅读(221) 评论(0) 推荐(0) 编辑
摘要: jquery 监听document的DOMContentLoaded的方案 $(handler) 监听windows的load事件即:网页所有资源加载完 $(window).on('load',handler) jquery 与其他库的变量名冲突 解决冲突 调用jquery 函数 noconflic 阅读全文
posted @ 2023-03-07 23:14 guorunbin 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 判断类型时除了用type of 还可以用instanceof persion instanceof Object for in 用于枚举对象中的非符号键属性,forin不能保证返回的对象 for of 用于遍历可迭代对象的元素 break 和continue 区别:break用于立即退出当前循环,强 阅读全文
posted @ 2023-03-07 23:13 guorunbin 阅读(14) 评论(0) 推荐(0) 编辑