摘要：
组件通信 无论是面试还是做项目都是重点！！！！ 父子组件通信 父组件 视图<子组件 自定义属性的名称='你要传递的值' :自定义属性的名称='你要传递的变量'></子组件> 子组件 视图{{自定义属性的名称}}逻辑代码props:['自定义属性的名称1','自定义属性的名称2','自定义属性的名称3 阅读全文
摘要：
通过v-show去切换你的选项卡 视图<div class="nav"> <span @click="select=1" :class="[select==1?'active':'']">推荐音乐</span> <span @click="select=2" :class="[select==2?' 阅读全文
摘要：
组件的创建方式 局部创建组件 视图<组件名称></组件名称>逻辑components:{ 组件名称：{ template:' }} 全局创建组件 component这个方法中有两个参数，第一个参数是组件名称，要按照规则取名。第二个参数是组件的属性和方法Vue.component('组件名称',{/ 阅读全文
摘要：
借助动画库 网址 官网：http://animate.stylenpm管理网站：https://www.npmjs.com/package/animate.css 下载 npm install(i) animate.css当前版本号：+ animate.css@4.1.1 如何使用动画库 第一、下 阅读全文
摘要：
过渡动画 内置过渡动画 transition标签六种状态离开 leave 离开之前leave-active 离开的过程leave-to 离开进入enter 进入之前enter-active 进入的过程中enter-to 进入之后 案例展示 样式 <style> .box{ width: 100px 阅读全文
摘要：
过滤器（filter） 我们在渲染数据的过程中，有一些内容并不是我们想要的文本格式，这个时候我们可以利用过滤器去实现我们的文本格式化。过滤器其实就是一个工具函数，通过执行这个函数，实现数据格式化。比如：后端返回给前端的时间格式：时间戳 1604370847913用户要看到的数据格式： 2020/11 阅读全文
摘要：
单选 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 阅读全文
摘要：
vue的基本指令 v-html 用来解析html标签v-text 用来解析文本v-bind: 动态绑定，我们可以简写成：v-on: 事件绑定，我们可以简写成@v-if和v-show 用于条件判断v-for 循环遍历v-model 双向数据绑定 常用的事件修饰符 .prevent 阻止默认事件 .st 阅读全文
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</t 阅读全文
摘要：
qs插件 一般post提交方式，后端要求的格式是：{ name:'', pass:''}有的后端要求的post提交方式是："name=''&age=''"我们可以利用插件去，转化一下入参 官网地址： https://www.npmjs.com/package/qs 下载方式： npm install 阅读全文
摘要：
创建Node.js服务器 下载express框架 npm i express //引入express框架let express = require('express')//调用express()方法和属性let app = express() //监听app.listen(4200,()=>{ co 阅读全文