摘要:
单选 this.allCheck = this.goodsList.every(item=>item.checked 全选 this.goodsList.map(item=>item.checked=this.allCheck) 阅读全文
摘要:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</t 阅读全文
摘要:
计算属性和methods之前的区别 相同点:都是通过return返回数据且都是相关依赖发生变化,值也会跟着变化 不同点: 计算属性是有缓存作用的,如果依赖没有发生变化,它只执行一次,而方法是调用几次执行几次。计算属性极大的提高渲染速率 使用场景:有交互事件的时候,我们可以选择methods.如果有大 阅读全文
摘要:
百度搜索的案例 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl 阅读全文
摘要:
watch(侦听器,监听) watch监听,监听数据的变化一、浅监听它可以监听字符串、普通数组的变化watch:{ val(newVal,oldVal){ //实时监控数据的变化 }}二、深度监听可以监听到对象的变化,还可以复杂数组watch:{ 对象:{ deep:true,//深度 handle 阅读全文
摘要:
生命周期 概念 从出生到死亡,从创建到销毁的一个过程在整个实例创建到销毁的过程种有很多函数的出现,那么我们管这些函数称为生命周期函数整个生命周期中都有哪些函数?八大生命周期函数beforeCreate 创建之前created 创建完成beforeMount 挂载之前mounted 挂载before 阅读全文
摘要:
动态样式之class 动态class的第一种用法: 设定一个变量 。 例子: :class='变量属性' 动态class的第二种用法: eg: :class="[条件?'成立的类名':'不成立的类名']" 动态class的第三种用法: eg:"{'类名A':条件A,'类名B':条件B,'类名C':条 阅读全文
摘要:
表单输入 单选框 <div> <!-- 单选框一定要写 value,且value是后端要去的数值 --> 性别: <input type="radio" name='sex' value='0' v-model='regList.sex'> 男 <input type="radio" name='s 阅读全文
摘要:
离线存储两种方法的区别 相同点:都可以缓存内容,大小都是5M左右,存储形式必须是字符串它们的使用语法都一样存值:localStorage/sesssionStorage.setItem(key,value)取值:localStorage/sesssionStorage.getItem(key)删除某 阅读全文
摘要:
Bootstrap 官网地址 https://www.bootcss.com/https://v4.bootcss.com/ (4版本的官网) 概念 简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。一套简单的UI框架 下载方式 一、cdn <link rel="stylesheet" h 阅读全文