- 博客(7)
- 资源 (1)
- 收藏
- 关注
原创 Vue3的12种组件通信方式(附代码)
v-model 是 一个语法糖,通过Vue3的文档可以发现,这个指令的用法发生了一定的变化。在之前,xxxx.sync与之是很相似的,如今.sync指令已经被废除了,而是统一使用v-model这个指令。使用ref可以直接得到子组件的定义值,但要注意:在父组件要使用getCurrentInstance得到this,在子组件使用defineExpose暴露变量。这篇文章的目的是让大家知道有这些方法可以用,所以不会深挖,接下来讲解的每种通信方式我都会附带一个简单的demo。v-model在组件身上使用。
2023-09-01 18:43:05 482 1
原创 Vue2组件间通信的14种方式详解
v-model 是用来在表单控件或者组件上创建双向绑定的,他的本质是 v-bind 和 v-on 的语法糖,在一个组件上使用 v-model,默认会为组件绑定名为 value 的 prop 和名为 input 的事件。通过这种方式,虽然可以实现通信,但在应用的任何部分,任何时间发生的任何数据变化,都不会留下变更的记录,这对于稍复杂的应用来说,调试是致命的,不建议在实际应用中使用。getters:如vue中的计算属性一样,基于state数据的二次包装,常用于数据的筛选和多个数据的相关性计算。
2023-08-30 08:58:09 1320 2
原创 Vue项目的18种性能优化思路详解
开始前说一句 : 一定要理解优化方向,具体问题具体优化,提供以下思路。> - Vue 代码层面的优化> - webpack 配置层面的优化> - 基础的 Web 技术层面的优化> - Chrome Performance,WebPageTest 性能分析工具
2023-08-30 04:10:53 183 1
原创 JS ECMAScript各版本详解(持续更新)
ECMAScript 2016(民间称呼ES7)**> 旧的JS版本由数字命名:ES5(2009)和ES6(2015)。从 2016 年开始,版本按年份命名:ECMAScript 2016、2017、2018、2019、... - ECMAScript 2016 ,它是 ECMAScript 语言规范的第七版 - 此规范包括对新幂运算符的支持,并向 Array.prototype 添加了一个名为 的新方法。includes - 了解下新特性(咳咳,更新的东西不多,代码块详细了解一下(*
2023-08-28 08:41:28 1292 2
原创 ECMAScript和JavaScript详解,以及之间关系
这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。通常我们把JavaScript和ECMAScript用来表达相同的含义,但是一个完整的JavaScript由以下三个不同的部分组成(下面),可以理解在遵守ECMAScript 的语言标准的同时在这个基础之上做了一些扩展,使得我们可以在浏览器环境中操作DOM 和 BOM,在node环境中可以做读写文件之类的操作。
2023-08-27 07:46:18 357 1
原创 HTML和HTML5详解,以及它们的区别
它是HTML 版本的第五次重大修改,是包含HTML、CSS 和 JavaScript 在内的一套技术组合,在这个版本中,新功能不断推出,赋予网页更好的意义和结构。更加丰富的标签将随着对 RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。HTML5是由W3C推荐出来的,W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。也就意味着HTML5会带来一个统一的网络,无论是笔记本,台式机,还是智能手机都应该很方便的浏览基于HTML5的网站。
2023-08-27 02:52:29 277 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人