GUGU

摘要： 全局事件总线 在组件间通信的一种方式，适用于任意组件通信 之前实现的是父子组件的通信，如果兄弟组件想要相互传递消息就需要先向app组件传信息，app设置回调再往兄弟组件中传递信息 全局事件总线首先在main.js中安装全局事件总线，再在接受数据方绑定自定义事件 在传递数据一方提供数据 类似：stud 阅读全文

摘要： todolist-自定义组件 通过自定义组件改进todolist案例，不全使用prop方式 header组件 <template> <div class="todo-header"> <input type="text" placeholder="请输入你的任务名称，按回车键确认" v-model= 阅读全文

摘要： 组件自定义事件 一种组件间通信的方式，适用于：子组件==> 父组件 a是父组件，b是子组件，b想传递数据给a，就要在a中给b绑定自定义事件，事件的回调在a中 子组件 school组件 通过prop传递自定义事件函数 <template> <div class="school"> <h2>学校名称：{ 阅读全文

摘要： 浏览器本地储存 浏览器通过window.sessionStorage和window.localStorage属性来实现本地存储机制 window.localStorage localStorage.setItem localStorage.setItem('name','msg') localSto 阅读全文

摘要： todolist案例 总和 设计一个添加删除框，添加代办的事项，外加一个勾选框 可以一键删除所有已完成的事项 初期设计 首先设计静态功能： 分为头部 中间 尾部三部分 头部 一个添加框,输入代办的事情，进行添加，判断是否输入为空 中间体 分为list总表和小元素item表 list总表根据设计的数组 阅读全文

摘要： mixins混合 把多个组件公用的配置属性提取成一个混入对象 先配置minins.js文件 export const mixin={ methods: { showName() { alert(this.name) } }, } 在school中引入mixins文件 //引入混合 import {m 阅读全文

摘要： props属性 在组件中接受外部传来的数据 本案例是由school组件中接受从app中传来的数据，进行age的加法 实现方法 school组件： <template> <div class="demo"> <h1>{{msg}}</h1> <h2>学生姓名：{{name}}</h2> <h2>学生性 阅读全文

摘要： ref属性 用于给元素或者子组件注册引用信息，是id的替代者 实现 首先配置school组件 <template> <div class="demo"> <h2>学校名称：{{name}}</h2> <h2>学校地址：{{address}}</h2> </div> </template> ​ <sc 阅读全文

摘要： vue脚手架初始化 上个星期讲组会了，再看论文总结论文，而且陪对象过了情人节出去玩了几天，中间也在学习，不过没有及时总结 初始化 vue脚手架是vue提供的标准化开发工具 文件结构 .文件目录 |— node_modules |— public | |— favicon.ico: 页签图标 | |— 阅读全文

摘要： 单文件组件 将不同的组件html文件，js文件分为不同的独立文件 并进行import引入 School.vue <template> <!--组件的结构--> <div class="demo"> <h2>名称：{{schoolName}}</h2> <h2>地址：{{address}}</h2> 阅读全文