qq_45994622的博客

原创 vue中的插槽 slot

1.插槽的作用：当你在组件A中使用另一个组件B时，在组件标签下插入了一段html代码，在渲染的时候会直接被抛弃掉，为了让这段html代码成功渲染出来，可以在 组件B 中使用 插槽<slot></slot>，这样组件在渲染的时候 <slot></slot> 就会被替换成你写的那段html代码。（当然插槽内可以包含任何模版代码，包括html代码和其他组件）// 组件a-show<template> <div cla...

原创 vue中的$nextTick

1.语法：this.$nextTick(回调函数)2.作用：在下一次 DOM 更新结束后执行指定的回调函数。在修改数据之后立即使用这个方法，获取更新后的 DOM简单理解：当数据更新了，DOM渲染后，自动执行该回调函数3.什么时候用：当改变数据后，要基于更新后的新DOM进行某些操作时，要在nextTick所指定的回调函数中执行4.使用原理：Vue是异步执行 DOM 更新的，一旦检测到数据变化，Vue...

原创 vue组件通信的方式

1.父子通信父传子：props // 父组件<template> <div :childList="list"></div></template><script>im...

原创 关于VueComponent

1. 每个组件本质是一个名为 VueComponent 的构造函数，且不是程序员定义的，是由 Vue.extend 生成的2. 我们只需要写 <组件名 /> ,Vue 解析时会帮我们创建 该组件的 实例对象3.特别注意：每次调用 Vue.extend，返回的都是一个全新的 VueComponent！！！4.关于this的指向：① 组件配置中：data函数，methods中的函数、watch中的函数、computed中的函数，它们...

原创 webStorage

1.存储内容大小一般支持5MB左右（不同浏览器可能不一样），分为 loaclStorage(本地存储)，sessionStorage(会话存储)2.浏览器端通过 Window.localStorage 和 Window.sessionStorage 属性来实现本地存储机制3.相关API：设置：window.xxxxStorage.setItem()读取：window.xxxxStorage.getItem()删除：window.xxxxSt...

原创 url、src、herf的区别

1.url：统一资源定位符互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它 结构 基本URL包含协议、服务器名称（IP地址）、路径和文件名，如：“协议://授权/路径?查询”。完整的、带有授权部分的普通统一资源标识符语法如下：“协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志” 第一部分： 协议/模式：告诉浏览器如何处理将...

原创 javaScript数组方法

1.join()将数组转换成字符串，可以给它规定一个连接字符，默认是逗号，不会改变原数组const arr = [1, 2, 3, 4, 5];const arr1 = arr.join();const arr2 = arr.join("-");console.log("arr:", arr); // arr: [ 1, 2, 3, 4, 5 ]console.log("arr1:", arr1); // arr1: 1,2,3,4,5console.log("arr...

原创 vue生命周期

原创 javaScript中的Event Loop(事件循环)机制

程序中设置两个线程：一个负责程序本身的运行，称为“主线程”；一个负责主线程和其他线程（各种I/O操作的通信），被称为“Event Loop线程”（消息线程）1.执行栈和事件队列当调用一个方法时，js会生成一个与这个方法对应的执行环境（context），又叫执行上下文。这个执行环境中存在着这个方法的私有作用域，上层作用域的指向，方法的参数，这个作用域中定义的变量以及这个作用域的this对象。当js代码被执行时，因为js是单线程的，同一时间只能执行一个方法。当浏览器第一次加载script时，默认进入

原创 vuex的基本知识

目录Vuex:安装：使用：1.state：2.getters:3.mutations:4.actions：5.辅助函数map*:6.拆分：7.modules:Vuex:专门为Vue.js开发的状态管理模式，适合开发大型单页应用将共有的数据存在一个特定的地方，用的时候自己去拿，不需要一层一层传值安装：npm install vuex@next --save使用：在src下新建store(仓库的意思)文件夹，新建index.js文件需要