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

尝鲜Vue3之六:响应式原理的革新 - Vue2、Vue3实现对比

响应式是什么首先我们说说什么是响应式。通过某种方法可以达到数据变了可以自由定义对应的响应就叫响应式。具体到我们MVVM中 ViewModel的需要就是数据变了需要视图作出响应。 如果用Jest用例便表示就是这样it('测试数据改变时 是否被响应', () => { const data = reactive({ nam...

尝鲜Vue3之六:响应式原理的革新 - Vue2、Vue3实现对比
文章 2022-06-21 来自:开发者社区

尝鲜Vue3之一:浏览器中如何断点调试Vue3 源码

克隆Vue3源码Vue源码位置github.com/vuejs/vue-n…git clone git@github.com:vuejs/vue-next.git安装依赖编译源码进入代码目录并安装依赖yarn yarn dev测试API做一个简单的Helloworld测试 我们就先试试原有的vue2 的Api还可不可以使用,其实vue3中提倡使用composite-api也就是函数定义风...

尝鲜Vue3之一:浏览器中如何断点调试Vue3 源码
文章 2022-06-08 来自:开发者社区

[项目篇]vue3+ts vue3新特性代码详解2- 第八天

模块化结合typescript - 泛型改造// 为函数添加泛型 function useURLLoader<T>(url: string) { const result = ref<T | null>(null) 复制代码// 在应用中的使用,可以定义不同的数据类型 interface DogResult { message: string; ...

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

[项目篇]vue3+ts vue3新特性代码详解- 第七天

模块化开发 第一部分 鼠标追踪器// 在单组件内添加对应逻辑 const x = ref(0) const y = ref(0) const updateMouse = (e: MouseEvent) => { x.value = e.pageX y.value = e.pageY } onMounted(() => {...

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

Vue3 TypeScript 使用教程 - 实战 Vue3 element-plus 开发「待办清单」

本文完整版:《Vue3 TypeScript 使用教程 - 实战 Vue3 element-plus 开发「待办清单」》Vue3 的源码使用 TypeScript 全部重构,而 TypeScript 是 JS 的一个超集,主要提供对 ES6 的支持以及更棒的代码可读性和高维护性。可以说 Vue3 Typescript 已经成为开发标配。本文带领大家从搭建环境开始,手把手带领大家用 Vue3 Ty....

文章 2022-05-21 来自:开发者社区

对比Vue2中Options API 和 Vue3中Composition API

1 Options APIOptions API 可以翻译为选项API,字面意思可供使用者挑拣的分类条目,就是框架定义好选项,我们可以把我们的功能写在选项里,如props 里面设置接收参数、data 里面设置变量、computed 里面设置计算属性、watch 里面设置监听属性、methods 里面设置事件方法你会发现 Options AP...

文章 2022-05-20 来自:开发者社区

带你体验Vue2和Vue3开发组件的区别(二)

上一篇已经对Vue2和Vue3的组件开发区别讲了一部分,如需了解请移步:带你体验Vue2和Vue3开发组件的区别(一),主要讲了template、data、methods、Lifecyle Hooks这几个的区别,接下来我们再讲讲另外几个属性的变化。1.Computed PropertiesComputed Properties-计算属性&...

文章 2022-05-20 来自:开发者社区

带你体验Vue2和Vue3开发组件的区别(一)

现在的vue版本已经可以满足我们大部分开发场景,虽然Vue3正式版发布不久,可能存在某些问题,但是提前学习了解总归是有好处的。可能有些已经开始抓狂了,学不动了。所以这里我们通过用脚手架创建的项目,对比这两个版本在开发组件上的区别。如果还不会创建Vue3项目,请移步记录使用@vue/cli搭建Vue3项目完...

文章 2022-05-20 来自:开发者社区

记录使用@vue/cli搭建Vue3项目完整流程

最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程。1 安装vue/cli更新到 3.x 之后,vue-cli 的包名从 vue-cli 改成了 @vue/cli,如果之前全局安装了旧版本的 ...

记录使用@vue/cli搭建Vue3项目完整流程
文章 2022-05-16 来自:开发者社区

Vue 3系列之04——Vue 3组件与Web组件的异同点

读者们可能已经注意到,Vue组件与自定义元素(Custom Elements)非常相似,自定义元素是Web组件规范(Web Components Spec)的一部分(https://www.w3.org/wiki/WebComponents/>)。这是因为Vue的组件语法是松散地按照规范建模的。例如,Vue组件实现了Slot API()和is特殊属性。除此之外,Vue组件和Web组件有一些....

Vue 3系列之04——Vue 3组件与Web组件的异同点

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

阿里巴巴终端技术

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

+关注