文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习八 - 组件化知识补充(下)

三. 模块引用3.1. $refs某些情况下,我们在组件中想要直接获取到元素对象或者子组件实例:在Vue开发中我们是不推荐进行DOM操作的;这个时候,我们可以给元素或者组件绑定一个ref的attribute属性;组件实例有一个$refs属性:它一个对象Object,持有注册过 ref attribute 的所有 DOM 元素和组件实例。App.vue的实现:<template> ...

Vue3+TS系统学习八 - 组件化知识补充(下)
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习八 - 组件化知识补充(上)

一. 动态组件比如我们现在想要实现了一个功能:点击一个tab-bar,切换不同的组件显示;                                            ....

Vue3+TS系统学习八 - 组件化知识补充(上)
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习七 - 组件的插槽使用

一. 插槽的使用1.1. 认识插槽slot在开发中,我们会经常封装一个个可复用的组件:前面我们会通过props传递给组件一些数据,让组件来进行展示;但是为了让这个组件具备更强的通用性,我们不能将组件中的内容限制为固定的div、span等等这些元素;比如某种情况下我们使用组件希望组件显示的是一个按钮,某种情况下我们使用组件希望显示的是一张图片;我们应该让使用者可以决定某一块区域到底存放什么内容;举....

Vue3+TS系统学习七 - 组件的插槽使用
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习六 - 组件化之间通信

一. 认识组件的嵌套1.1. App单独开发前面我们是将所有的逻辑放到一个App.vue中:在之前的案例中,我们只是创建了一个组件App;如果我们一个应用程序将所有的逻辑都放在一个组件中,那么这个组件就会变成非常的臃肿和难以维护;所以组件化的核心思想应该是对组件进行拆分,拆分成一个个小的组件;再将这些组件组合嵌套在一起,最终形成我们的应用程序;我们来分析一下下面代码的嵌套逻辑,假如我们将所有的代....

Vue3+TS系统学习六 - 组件化之间通信
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习五 - 组件化开发基础

一. 认识组件化1.1. 什么是组件化?人面对复杂问题的处理方式:任何一个人处理信息的逻辑能力都是有限的所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容。但是,我们人有一种天生的能力,就是将问题进行拆解。如果将一个复杂的问题,拆分成很多个可以处理的小问题,再将其放在整体当中,你会发现大的问题也会迎刃而解。复杂问题的处理组件化也是类似的思想:如果我们将一个页面中所有的处理逻辑全....

Vue3+TS系统学习五 - 组件化开发基础
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习四 - Vue3开发基础语法(二)

一. Options API1.1. computed1.1.1. 认识计算属性computed我们知道,在模板中可以直接通过插值语法显示一些data中的数据。但是在某些情况,我们可能需要对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示;比如我们需要对多个data数据进行运算、三元运算符来决定结果、数据进行某种转化后显示;在模板中使用表达式,可以非常方便的实现,但是设计它们的初衷是....

Vue3+TS系统学习四 - Vue3开发基础语法(二)
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习三 - Vue3开发基础语法(一)

一. 知识补充1.1. methods中的this1.1.1. 不能使用箭头函数我们在methods中要使用data返回对象中的数据,那么这个this是必须有值的,并且应该可以通过this获取到data返回对象中的数据。那么我们这个this能不能是window呢?不可以是window,因为window中我们无法获取到data返回对象中的数据;但是如果我们使用箭头函数,那么这个this就会是win....

Vue3+TS系统学习三 - Vue3开发基础语法(一)
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习二 - 邂逅Vue3开发

一. 认识Vue.js1.1. 认识VueVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。全程是Vue.js或者Vuejs;什么是渐进式框架呢?表示我们可以在项目中一点点来引入和使用Vue,而不一定需要全部使用Vue来开发整个项目;1.2. Vue的安装Vue是一个JavaScript的库,刚开始我们不需要把它想象的非常复杂,我们就把它理解成一个已经帮助我们....

Vue3+TS系统学习二 - 邂逅Vue3开发
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习一 - 邂逅Vue3和TypeScript

一. 为什么要学习Vue1.1. 为什么要学习Vue1.1.1. 三个框架的对比当你学习到这里的,我就默认你已经知道了前端现在流行的三大框架:Vue、React、AngularAngular:入门门槛相对会比较高,所以在国内无论是开发者还是使用的公司都是较少的,当然它本身是一个非常优秀的框架;React:在国内外市场占有率都非常高(尤其在国外,待会儿我们会看到数据对比),也是前端开发者必须要掌握....

Vue3+TS系统学习一 - 邂逅Vue3和TypeScript
文章 2022-06-24 来自:开发者社区

BetterScroll源码阅读顺便学习TypeScript

开头TypeScript已经出来很多年了,现在用的人也越来越多,毋庸置疑,它会越来越流行,但是我还没有用过,因为首先是项目上不用,其次是我对强类型并不敏感,所以纯粹的光看文档看不了几分钟就心不在焉,一直就被耽搁了。但是,现在很多流行的框架都开始用TypeScript重构,很多文章的示例代码也变成TypeScript,所以这就很尴尬了,你不会就看不懂,所以好了,没得选了。既然目前我的痛点是看源码看....

BetterScroll源码阅读顺便学习TypeScript

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注