02 2023 档案
摘要：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>
阅读全文
摘要：组件 非单文件组件 组件的定义 向外提供一个局部的效果功能的代码集合（html/css/js/image....） 作用：复用代码，简化项目编码 提高运行效率 组件的创建 分为创建组件，注册组件，使用组件 创建组件 //创建school组件 const school = Vue.extend({ t
阅读全文
摘要：生命周期 <body> <!-- 生命周期： 1.又名：生命周期回调函数，生命周期函数 2.vue在关键时刻帮我们调用的一些特殊名称的函数 3.生命周期函数的名字不能更改，但函数的具体内容是程序员根据需求编写的 4.生命周期函数中的this指向是vm或组件实例对象 --> <div id="root
阅读全文
摘要：vue指令 内置指令 v-text 向所在的节点渲染文本内容，完全替换 <body> <!-- v-text: 1. 作用：向其所在的节点中渲染文本内容 2. 与插值语法的区别：v-text会替换掉节点中的所有内容，{{xx}}不会 --> <div id="root"> <div>{{name}}
阅读全文
摘要：过滤器 对需要显示的数据进行特定的格式化后再显示，适用于简单的逻辑处理 可以使用计算属性或methods实现过滤器 本例子使用当前的时间戳，分别使用三种方法在页面上显示当前时间戳 并转化成规定格式时间 <body> <!-- 过滤器： 对需要显示的数据进行特定的格式化后再显示，适用于简单的逻辑处理
阅读全文
摘要：事务 要么都成功要么都失败 事务原则：ACID原子性，一致性，隔离性，持久性 原子性：要么一起成功要么一起失败 一致性：针对一个事务操作前后状态一致 持久性：事务结束后的数据不会随着外界原因导致数据丢失，事务一旦提交不会逆转 隔离性：排除其他事务对本次事务的影响 脏读 一个事务读取了另一个事务未提交
阅读全文
摘要：收集表单数据 <body> <!-- 收集表单数据： 若<input type="text" 则v-model收集的是value值，用户输入的就是value 若<input type="radio" 则v-model收集的是value值，且要给标签配置value值 若<input type="che
阅读全文
