首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue
Always_positive
创建于2021-10-22
订阅专栏
本专栏主要存放Vue框架的学习经验、总结、教训。
等 5 人订阅
共28篇文章
创建于2021-10-22
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue中的v-if和v-for为什么不能一起用?
假如v-if和v-for一起使用会出现什么情况? 为什么不能一起使用?因为v-for的优先级比v-if的优先级高,所以如果嵌套使用的话,每次v-for都会执行一次v-if,造成重复计算的问题,会影响性
这一次,彻底搞懂Vue中的keep-alive
keep-alive的使用场景及其特点 用于Vue性能优化。 缓存组件。 频繁切换,不需要重复渲染。 keep-alive有include和exclude属性,这两个属性决定了哪些组件可以进入缓存。
你了解Vue的动态加载组件和异步加载组件吗?
如何动态加载组件? 引入可能被使用的组件 通过动态属性is来读取组件名 如何异步加载组件? 通过import在注册组件的时候引入组件 通过条件渲染来加载组件
Vue的作用域插槽slot有什么用?
一、基本使用 父组件 子组件 二、父组件通过slot接收子组件传递过来的值 子组件通过slot进行动态属性传值 父组件通过template v-slot进行接收 三、具名插槽
浅析Vue中$nextTick的原理
一、$nextTick有什么用? Vue是异步渲染的框架。 data改变之后,DOM不会立刻渲染。 $nextTick会在DOM渲染之后被触发,以获取最新的DOM节点。 连续多次的异步渲染,$next
你真的了解Vue的生命周期吗?
Vue生命周期的主要阶段 创建前后 beforeCreate:实例刚在内存中被创建出来,此时还没有初始化好data和methods属性。 created:实例已经在内存中创建好,此时data和meth
Vue中的methods、watch、computed、filters到底有什么区别?
一、methods 可以通过Vue实例访问方法,在方法中最好不要使用箭头函数,因为涉及到this指向的问题。 重新渲染的时候,methods总会执行该函数。 methods是函数调用,filters和
这一次,彻底搞懂Vue的组件通信
前言 一、父组件向子组件进行传值 核心:通过props就行传递。 在父组件中引入子组件。 通过在子组件的标签上进行传递。 子组件中通过声明props进行接收。 二、子组件向父组件传值 核心:通过thi
单页面应用的前端路由原理是什么?
前置知识 什么是单页面应用? 单页面应用的优缺点 什么是多页面应用? 多页面应用的优缺点 单页面应用和多页面应用的区别 应用构成不同 页面跳转方式不同 跳转后公共资源是否重新加载 用户体验不同 页面传
Vue和React的区别到底是什么?
预备知识介绍 MVC架构 MVVM架构 Vue和React的区别是什么? 一、核心思想不同 RQ1:声明式是什么意思? RQ2:组件化是什么意思? RQ3:如何理解React的单向数据流? 二、组件写
请这样回答双向数据绑定原理
前言 双向数据绑定每一个模块都负责什么? new Vue Observe函数 Dep类 Watcher类 Compile函数 双向数据绑定原理流程图 总结
这一次,彻底搞懂双向数据绑定04
这是我参与2022首次更文挑战的第22天,活动详情查看:2022首次更文挑战 一、实现数据从data到view的单向数据绑定 当data发生变化的时候首先触发数据劫持的setter函数 Dep类的no
这一次,彻底搞懂双向数据绑定03
这是我参与2022首次更文挑战的第21天,活动详情查看:2022首次更文挑战 一、将this.$data上的属性代理到vm实例上 二、文档碎片的作用 文档碎片是什么? 递归文本节点并使用正则进行替换
这一次,彻底搞懂双向数据绑定02
这是我参与2022首次更文挑战的第19天,活动详情查看:2022首次更文挑战 实现Vue中的Getter 在HTML文件中引入自己创建的vue.js. 在vue.js中定义Vue类和构造函数. vue
这一次,彻底搞懂双向数据绑定01
这是我参与2022首次更文挑战的第18天,活动详情查看:2022首次更文挑战 双向数据绑定所需前置知识 1. 数组的reduce方法 函数(之前的累积值,当前遍历到的元素的值) 初始值 2. 发布订阅
Socket.io中的命名空间
这是我参与2022首次更文挑战的第4天,活动详情查看:2022首次更文挑战 什么是Socket.io中的命名空间? 服务端:通过io.of创建命名空间。 服务端进行广播的时候,也需要使用命名空间。 客
大白话带你理解Socket.io是如何同步数据的
这是我参与2022首次更文挑战的第3天,活动详情查看:2022首次更文挑战 需求分析 有哪些实现方法? 方法1:不断轮询 方法2:长连接 长连接实现 通过Socket.io实现长连接 使用socket
nextTick的实际使用场景分析
这是我参与2022首次更文挑战的第2天,活动详情查看:2022首次更文挑战 需求分析 案例分析 代码分析 原理分析 vue如何判断DOM是否更新完毕? 利用MutationObserver?而是事件循
Vue+TS中全局绑定axios、storage、接口地址的方法
这是我参与2022首次更文挑战的第1天,活动详情查看:2022首次更文挑战 全局绑定axios(在TypeScript中) 通过cnpm安装到项目中。 在main.ts中引入下面的接口和组件 在mai
Vue3中集成并使用TypeScript
一、安装 创建vue项目 进入项目 新增typescript 跳过class语法 二、如何让组件能够使用TS语法? script标签的lang属性设置为ts。 从vue中导入defineCompone
下一页