- 博客(10)
- 资源 (1)
- 收藏
- 关注
原创 vue中的插槽 slot
1.插槽的作用:当你在组件A中使用另一个组件B时,在组件标签下插入了一段html代码,在渲染的时候会直接被抛弃掉,为了让这段html代码成功渲染出来,可以在 组件B 中使用 插槽<slot></slot>,这样组件在渲染的时候 <slot></slot> 就会被替换成你写的那段html代码。(当然插槽内可以包含任何模版代码,包括html代码和其他组件)// 组件a-show<template> <div cla...
2022-03-30 17:16:58
1501
原创 vue中的$nextTick
1.语法:this.$nextTick(回调函数)2.作用:在下一次 DOM 更新结束后执行指定的回调函数。在修改数据之后立即使用这个方法,获取更新后的 DOM简单理解:当数据更新了,DOM渲染后,自动执行该回调函数3.什么时候用:当改变数据后,要基于更新后的新DOM进行某些操作时,要在nextTick所指定的回调函数中执行4.使用原理:Vue是异步执行 DOM 更新的,一旦检测到数据变化,Vue...
2022-03-24 11:37:16
1254
原创 vue组件通信的方式
1.父子通信父传子:props // 父组件<template> <div :childList="list"></div></template><script>im...
2022-03-23 17:37:42
1349
原创 关于VueComponent
1. 每个组件本质是一个名为 VueComponent 的构造函数,且不是程序员定义的,是由 Vue.extend 生成的2. 我们只需要写 <组件名 /> ,Vue 解析时会帮我们创建 该组件的 实例对象3.特别注意:每次调用 Vue.extend,返回的都是一个全新的 VueComponent!!!4.关于this的指向:① 组件配置中:data函数,methods中的函数、watch中的函数、computed中的函数,它们...
2022-03-23 15:51:38
1195
原创 webStorage
1.存储内容大小一般支持5MB左右(不同浏览器可能不一样),分为 loaclStorage(本地存储),sessionStorage(会话存储)2.浏览器端通过 Window.localStorage 和 Window.sessionStorage 属性来实现本地存储机制3.相关API:设置:window.xxxxStorage.setItem()读取:window.xxxxStorage.getItem()删除:window.xxxxSt...
2022-03-22 09:59:14
293
原创 url、src、herf的区别
1.url:统一资源定位符互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它 结构 基本URL包含协议、服务器名称(IP地址)、路径和文件名,如:“协议://授权/路径?查询”。完整的、带有授权部分的普通统一资源标识符语法如下:“协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志” 第一部分: 协议/模式:告诉浏览器如何处理将...
2022-03-21 14:22:30
1918
原创 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...
2022-03-11 18:06:08
756
原创 javaScript中的Event Loop(事件循环)机制
程序中设置两个线程:一个负责程序本身的运行,称为“主线程”;一个负责主线程和其他线程(各种I/O操作的通信),被称为“Event Loop线程”(消息线程)1.执行栈和事件队列当调用一个方法时,js会生成一个与这个方法对应的执行环境(context),又叫执行上下文。这个执行环境中存在着这个方法的私有作用域,上层作用域的指向,方法的参数,这个作用域中定义的变量以及这个作用域的this对象。当js代码被执行时,因为js是单线程的,同一时间只能执行一个方法。当浏览器第一次加载script时,默认进入
2022-03-08 10:27:36
502
原创 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文件需要
2022-03-07 15:31:50
457
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人