Vue
关注
分享
扫一扫
程序员Sunday
一个喜欢写代码、喜欢讲课、喜欢分享的程序员
展开
-
Vue 3 深入响应式原理 - 聊一聊响应式构建的那些经历
vue 的响应性当我第一次使用 vue 进行项目开发时，响应式数据渲染 是让我感到最惊奇的一个功能，我们来看下面这段代码：<body> <div id="app"> <div> 修改商品的数量: <input type="number" v-model="product.quantity"> </div> <div> 修改商品的价格: <input type="number"原创 2020-12-22 21:58:26 · 814 阅读 · 2 评论 -
vue3 composition（组合式）API 之 setup 入口函数
亲爱的视频版博客内容已经录制了对应视频，点击可跳转入口函数-setup现在我们已经知道 为什么要使用组合式 API 了 ，那么接下来我们需要看的就是如何使用 组合式 API。在 vue 组件之中，我们通过 setup 函数来使用 组合式 API。那么下面我们将分别从函数的：调用时机this 指向函数参数返回值这四个方面来解析 setup 函数调用时机与 this 指向setup 函数在创建组件之前被调用，所以在 setup 被执行时，组件实例并没有被创建。因此在 setup原创 2020-12-19 20:24:39 · 3125 阅读 · 2 评论 -
vue3 composition（组合式）API 是什么？我为什么要使用它？
vue 2 中组件的局限性想要了解组合式 API ，那么我们必须要先知道 vue 2 中组件的局限性。目前，在使用Vue 2时可能遇到三个限制：当组件变得越来越大时，可读性变得越来越困难。相同的代码逻辑很难在多个组件中进行复用对 TypeScript 的支持并不友好（本博客不会介绍 TS）在这里我们不会介绍应该如何使用 组合式 API ，目的只是为了告诉大家， 组合式 API 所带来的突破。代码的可读性问题 // 目标：两个响应式数据 name 和 age，当我们调用 getName 方原创 2020-12-19 19:45:29 · 11379 阅读 · 9 评论 -
Vue 3 开发文档
本博客会长期更新（在 Vue 的中文官方文档没有发布前）。博客的边界：本博客只会带来 Vue 3 新增内容的整理文档（经过验证的）重点内容：ViteComposition API新的响应式机制计算属性和侦听器利用 vite 创建下一代的 Vue 项目两个重要的点：Vue CLI v4.5 之上的版本ViteVue CLI想要构建 Vue 3.x 项目，那么需要使用 Vue CLI v4.5 之上的版本yarn global add @vue/cli@next# or原创 2020-07-28 19:49:31 · 8684 阅读 · 2 评论 -
虚拟任务栈技术 - 让你的网页具备原生APP的页面切换体验
场景不提场景的解决方案都是耍流氓，那么我们先来看一下所谓 “虚拟任务栈” 的应对场景：目前移动端应用主要分为两种：第一种是：以原生开发（Android、IOS）为主的原生 APP第二种是：以前端三大框架（Angular、React、Vue）为主要开发语言的移动端网页（无论是 webAPP，webview 的混合开发 或者是 H5 应用场景）对于原生开发来说（我们以 Android 为例），存在一个独有的概念，叫做 任务栈（Task）。任务栈会以 栈 的形式管理所有的 android 页面（ac原创 2020-06-25 23:14:20 · 1029 阅读 · 2 评论 -
怎么理清自己的编程思路
无需原生开发基础，也能完美呈现京东商城。《混合开发京东商城系统，提前布局大前端》课程融合vue、Android、IOS等目前流行的前端和移动端技术，混合开发经典电商APP——京东。课程将各种复杂功能与知识点完美融合，从技术原理到开发上线，让你真实感受到一个明星产品开发的全过程。功能实现之外，还有一流用户体验和优秀交互设计等你一探究竟，拓宽开发眼界。前言如果大家在平常的开发之中，遇到过在面对...原创 2019-08-21 09:32:13 · 10838 阅读 · 5 评论 -
Vue.js 3.0 新特性预览
Evan You（尤雨溪）今天（2018年11月16日）早上在 Vue Toronto 的主题演讲中预演了 Vue 3 。利用现代浏览器支持的新功能，Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。我们做了一些笔记并将其与下面的幻灯片结合起来分享给大家。总结起来，Vue 3 以下方面值得我们期待 ：更快更小更易于维护更多的原生支持更易于开发使用完整的PPT：...转载 2018-11-19 13:29:21 · 1032 阅读 · 0 评论 -
[译] 尤雨溪：Vue 3.0 计划
原文：Plans for the Next Iteration of Vue.js作者：Evan You（尤雨溪） 发表时间：Sep 30, 2018转载请写明出处计划下一次迭代Vue.js上周在Vue.js伦敦，我简要介绍了Vue的下一个主要版本即将发布的内容。这篇文章提供了对计划的深入概述。为什么要更新主版本？Vue 2.0 恰好在两年前发布了（时间过得真快！）。在此期间，核...翻译 2018-10-10 11:24:45 · 1437 阅读 · 0 评论 -
前端的程序人生
前端的程序人生程序人生，我们选择了这个行业，自然希望能够在这里走的更远。我相信没有任何一个人会甘于平庸，大家都希望能够在自己所处的行业，自己所处的领域中有所建树，希望可以实现自己的价值，获取社会的认可。而如果要实现这个目标的话，我们将要投入更多的时间和更多的精力，才能博的更多的机会。在成长的过程中，我们不可避免的会踩一些坑，走一些弯路。那么有没有办法可以让我们少踩一些坑，少走一些弯路呢？万...原创 2018-09-17 17:50:18 · 647 阅读 · 0 评论 -
深入Vue实现原理，实现一个响应式框架
欢迎大家访问我的个人网站 - Sunday俱乐部在前面的章节中我们已经学习了Vue.js的基础内容并且了解了Vue.js的源码实现，包括：Vue的生命周期、Vue的数据响应、Vue的渲染流程等等，在这一章节我们会和大家一起去实现一个响应式的框架 – MVue，MVue 会遵循Vue的代码逻辑和实现思路，我们希望能够借助MVue来让大家更好的理解整个Vue的核心思想：响应式数据渲染。在开...原创 2018-08-30 09:19:43 · 2925 阅读 · 0 评论 -
Vue的状态管理器：Vuex
欢迎大家访问我的个人网站 - Sunday俱乐部这一章我们来学习Vuex，如果要学习好Vuex那么最最重要的就是要知道Vuex是干嘛的，我们为什么需要Vuex。因为对于Vuex来说，它的使用方式非常简单，知识点也不多。Vuex唯一的难点就是很多人无法理解它。所以在本章我们会着重的讲解Vuex的作用，我们为什么需要它，在理解了这些之后，我们再去学习Vuex的使用就会水到渠成了。状态管理...原创 2018-08-30 09:16:08 · 3172 阅读 · 0 评论 -
深入浅出学Vue开发：第四章、Vue的生命周期及源码实现
通过上面两章的学习，我们已经学会了Vue的所有基础语法，包括： 1、{{Mustache}} 语法 2、v-if、v-else、v-else-if、v-show 3、v-for 4、v-bind 5、v-model 6、v-on如果大家已经对这些语法牢记于心了，那么请继续往下看，如果大家对这些语法掌握的并不是很熟练的话，那么希望大家再去回顾一下前面的...原创 2018-08-03 10:51:16 · 2818 阅读 · 0 评论 -
深入浅出学Vue开发：第一章、初探Vue
在正式开始学习Vue的知识之前，我们需要先对Vue的整体有一个大致的了解。为了达到这个目的，我们需要先了解以下内容。 1、Vue对移动端和浏览器版本的支持 2、如何初始化一个Vue的项目 3、Vue的代码结构Vue对移动端和浏览器版本的支持因为Vue本身使用了ECMAScript 5 特性，所以Vue支持所有兼容ECMAScript 5 的浏览器。我们根据下面的图...原创 2018-08-03 10:48:18 · 2341 阅读 · 0 评论 -
深入浅出学Vue开发：导读
如果你看了这一篇文章，那么相信你对这次的课程是有兴趣的，同时作为撰写者的我，也感到非常的荣幸。程序人生程序人生，我们选择了这个行业，自然希望能够在这里走的更远。我相信没有任何一个人会甘于平庸，大家都希望能够在自己所处的行业，自己所处的领域中有所建树，希望可以实现自己的价值，获取社会的认可。而如果要实现这个目标的话，我们将要投入更多的时间和更多的精力，才能博的更多的机会。在成长的过程中，我们...原创 2018-08-03 10:44:46 · 1233 阅读 · 0 评论