2020年3月20日

392 单页面应用程序概述

摘要: 单页面应用程序 SPA : Single Page Application MPA : Multiple Page Application 多页面应用程序 区别 单页面优势 : 1. 减少了请求体积,加快页面响应速度,降低了对服务器的压力 2. 更好的用户体验,让用户在 web app 感受 nat 阅读全文

posted @ 2020-03-20 09:03 冲啊! 阅读(194) 评论(0) 推荐(0) 编辑

391 vue $refs:vue获取组件、DOM元素

摘要: 十五、获取组件(获取DOM元素) - refs 说明 : vm.$refs 一个对象, 持有已注册过 ref 的所有子组件 ( HTML 元素) ref如果是绑定在组件中的, 那么通过this.$refs.refname获取到的是一个组件对象. ref如果是绑定在普通的元素中, 那么通过this.$ 阅读全文

posted @ 2020-03-20 08:45 冲啊! 阅读(5876) 评论(0) 推荐(0) 编辑

390 vue注册局部组件

摘要: Document 阅读全文

posted @ 2020-03-20 08:42 冲啊! 阅读(157) 评论(0) 推荐(0) 编辑

389 vue非父子之间通讯 ,事件总线 (event bus),$on注册,开关灯案例

摘要: 十二、非父子之间通讯 ( 组件 ⇒ 组件 ) (重点) 需求 : 组件 jack > 恁弄啥哩 > 组件 rose 事件总线bus用于管理事件, vuex用于管理数据状态。 是通过 事件总线 (event bus 公交车) 的机制 来实现的 事件总线 : 实际上就是一个 空Vue实例 可以实现任意两 阅读全文

posted @ 2020-03-20 08:39 冲啊! 阅读(339) 评论(0) 推荐(0) 编辑

388 vue 之 props: 只读,prop的大小写,prop的类型,prop的校验

摘要: 十、props 的特点 : 只读 演示验证 props 只读 传的是简单类型 : 修改会报错 传的复杂类型 (地址) : 修改不会报错,是因为地址没有变 ,测试 obj={}立马报错 【修改对象中的数据,不会修改对象的地址,但是修改对象的地址就报错。】 修改父组件传给子组件的数据 思路 : 把接收过 阅读全文

posted @ 2020-03-20 08:17 冲啊! 阅读(2693) 评论(0) 推荐(0) 编辑

387 vue保存属性的地方,单向数据流(组件与组件之间)

摘要: 八、目前为止保存属性的地方 1. data 2. 计算属性 3. props 九、单向数据流(组件与组件之间) 所有的 prop 都使得其父子 prop 之间形成了一个 : 父级 prop 的更新会向下流动到子组件中,但是反过来则不行。 这样会防止从子组件意外改变父级组件的状态【数据】,从而导致你的 阅读全文

posted @ 2020-03-20 07:50 冲啊! 阅读(247) 评论(0) 推荐(0) 编辑

386 vue组件通信:概述,父组件传递给子组件 (props),子组件传递给父组件($emit)

摘要: 五、组件通讯 (介绍) 导入 : 演示子组件访问父组件数据,发现报错 【父组件访问子组件数据,也报错】 组件是一个独立、封闭的个体 也就是说 : 默认情况下,组件中的数据, 只能在组件内部使用,无法直接在组件外部使用 可以将 vue 实例看做一个组件 对于组件之间需要相互使用彼此的情况,应该使用 组 阅读全文

posted @ 2020-03-20 07:49 冲啊! 阅读(316) 评论(0) 推荐(0) 编辑

385 组件:vue组件概述,组件化开发,组件的基本使用,组件的data是函数

摘要: 一、组件 组件可以看作是一些可复用的ui模块 小到一个标签 : <div>哈哈</div> 大到一个页面 :<div><div><div><div><div></div></div></div></div></div> 一个组件对应 一个实例 组件 Vue实例 == new Vue ( option 阅读全文

posted @ 2020-03-20 07:45 冲啊! 阅读(290) 评论(0) 推荐(0) 编辑

导航