2021年9月9日
vue-组件（slot内容分发）
摘要： 一、slot内容分发简介 slot的本意是位置、槽。slot的作用：获取组件中原有的内容，类似于angular中的transclude指令。 二、代码实现 1、slot简单用法（直接使用<slot></slot>） 1 <!DOCTYPE html> 2 <html lang="en"> 3 <he 阅读全文
posted @ 2021-09-09 17:04 AnnLing 阅读(135) 评论(0) 推荐(0)
vue-组件（非父子组件间的数据传递）
摘要： 一、简介 非父子组件间的通信，我们可以通过一个空的Vue实例作为中央事件总线（事件中心），用它来触发事件和监视事件。 二、实现方法 第一步：定义空的Vue实例，实现事件的触发和侦听 var Event = new Vue(); 第二步：触发事件 Event.$emit('事件名',数据) 第三步：侦 阅读全文
posted @ 2021-09-09 14:12 AnnLing 阅读(168) 评论(0) 推荐(0)
vue-组件（单向数据流）
摘要： 一、单向数据流简介 props是单向绑定的，当父组件的属性变化时，将传导给子组件，但是不会反过来。这是为了防止子组件无意修改了父组件的状态（这会让应用的数据流难以理解）。而且不允许子组件直接修改父组件的数据（会报错）。 1、子组件修改数据，不影响到父组件。 解决方式：如果子组件想把它作为局部数据来使 阅读全文
posted @ 2021-09-09 11:10 AnnLing 阅读(523) 评论(0) 推荐(0)
vue-组件（父子组件及组件间数据传递）
摘要： 一、父子组件 在一个组件内部定义另一个组件，称为父子组件。 子组件只能在父组件内部使用。 默认情况下，子组件不能访问父组件的数据，每个组件实例作用域都是独立的。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" 阅读全文
posted @ 2021-09-09 10:43 AnnLing 阅读(317) 评论(0) 推荐(0)