JZYCLL的博客

Vue3学习笔记-10一、全局事件总线​ 1.全局事件总线：任意组件之间通信​ 二、全局事件总线的例子实现同级组件之间的通信：School.vue的代码：<template> <div class="root"> <!----> <h2>学校的名称:{{schoolName}}</h2> <h2>学校的地址:{{address}}</h2>

Vue第一阶段的练习MyFlooter.vue 文件中的代码：<template> <div class="todo-footer" v-show="totalNumber"> <label> <input type="checkbox" :checked="isAll" @change="checkAll"/> <!-- 下面这种方式也可以实现 -->

Vue3学习笔记-08一、 mixin混入两个组件共享同一个配置项。也就是说，当两个组件的所使用的methods配置项里面的功能完全一样的时候，就可以使用混合把相同的拿出来单独写，组件要使用的时候只需要引入一下即可。使用一个js文件，命名为mixin.js, 在里面写组件需要共享的配置项：export const mixin = { methods:{ showName(){ alert(this.name) } },

Vue3学习笔记-07一、组件嵌套在实际开发中，可以定义一个app组件来管理其他所有的组件<div id="root"> <school></school> </div> <script> //创建user组件 const user = Vue.extend({ template:` <div>

Vue3学习笔记-06一、内置指令​ 接着Vue3学习笔记-054. v-cloak 指令当网速过慢的时候，可以让未经过解析的模板不会渲染在页面上<style> [v-cloak]{ display:none; }</style><div id="root"> <h2 v-cloak>{{name}}</h2></div><script> new Vue({

Vue3学习笔记-05一、列表的过滤1.用watch实现的列表过滤`immediate:true` , 表示立即执行handler函数<div id="root"> <!--遍历数组--> <h2>人员信息</h2> <input type="text" placeholder="请输入名字" v-model="keyWord" /> <ul>