摘要：
定义组件 使用场景1：如果想要动态的给child组件的dom结构添加节点，则需使用插槽。直接添加是无效的 定义插槽 使用场景1：如定义一个轮播组件，不固定轮播的内容，轮播内容按使用的场景临时添加 使用 使用场景2：使用插槽实现在组件1上控制组件2是否展示 具名插槽，在预留了多个插槽时使用 <!DOC 阅读全文
摘要：
component组件，动态的绑定多个组件到它的is属性上 在component组件的is属性上绑定组件 动态绑定 组件状态保留 在正常情况下，动态绑定的状态是不会保留的 输入内容 切换组件 切回输入内容的页面，内容没有了 vue提供了组件keep-alive，来保持动态组件的状态一直存活，不会因为 阅读全文
摘要：
实现效果 <!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-eq 阅读全文
摘要：
事件总线工作原理 在代码中实现 创建非父子关系的组件 创建中央事件总线(空的vue实例) mounted生命周期函数，在当前组件的dom创建完后就会调用 在mounted生命周期中绑定订阅事件总线 绑定发布事件总线 获取发布的状态 <!DOCTYPE html><html lang="en"><he 阅读全文
摘要：
ref存在于vue实例中 ref放在标签上，拿到的是原生节点 获取vue实例下，ref中，inputText输入框的值 ref放在组件上，拿到的是组件对象 访问子组件的状态和方法（子传父） 父传子 <!DOCTYPE html><html lang="en"><head> <meta charset 阅读全文
摘要：
子传父使用事件的方式 创建父子关系组件 实现子传父，用事件的方式 子组件定义事件 父组件定义事件 子传父使用案例，父组件根据子组件1传过来的状态，判断是否展示子组件2 定义父子组件 用事件的形式实现控制子组件展示或隐藏 <!DOCTYPE html><html lang="en"><head> <m 阅读全文
摘要：
父传子使用属性的方式 先构建一个父子组件 父传子场景 子组件使用props来定义属性，接收对应父组件传过来的属性，起的变量名字需一致，需全部小写，不支持驼峰命名，对于布尔值需动态绑定 动态传值： 父传子可以传多个 属性验证 props用上面list的形式虽然可以接收并使用参数，但是做不了属性的验证， 阅读全文
摘要：
组件，类似于封装的类和方法，可以给任意其他类调用，对于组件来说，就是封装好后可以在任意其他组件中使用 真实组件化开发的页面结构 一：全局组件，使用Vue.component来定义组件 示例 也可以绑定事件，在自己的组件中定义事件 css也是可以绑定的 多个全局组件定义和引用 二：局部组件（子组件） 阅读全文
摘要：
前面有一篇是实现模糊查询，没有使用计算属性：https://www.cnblogs.com/zhongyehai/p/12337821.html 现在使用计算属性，会比不使用计算属性方便很多，也优雅很多 <!DOCTYPE html><html lang='en'><head> <meta char 阅读全文
摘要：
计算属性定义在comput中，使用方式与方法一样，只不过不用加括号 如果有个需求，将数据的首字母转为大写 在不使用计算属性的情况下实现： 这样把大段js代码写在模板中，可读性差，维护性也差，且不可复用，所以有了计算属性 如果计算属性的依赖改变了，计算属性会重新计算，所以不用担心数据源改变了，计算属性 阅读全文