vue
文章平均质量分 78
追逐、
这个作者很懒,什么都没留下…
展开
-
Hooks编程扫盲(一)-- useSWR
一、背景Vue 3.0已经出到3.0.5了,React Hooks大家也用的如日中天。整天大家都在讨论Hooks,Hooks,那么Hooks式的编程到底有什么好处?参加本人的这篇文章。二、使用项目ReactVue包名swrvue-swr仓库地址github-swrgithub-vue-swr二、useSWR随着React Hooks的浪潮,各种基于Hooks 的方案越来越多,其中主要包含 状态管理、数据请求、通用功能的封装 等等。而 数据请求 是日常业务开原创 2021-01-23 16:08:40 · 4604 阅读 · 0 评论 -
我为什么要使用Hooks?
一、背景Vue 3.0已经出到3.0.5了,React Hooks大家也用的如日中天。整天大家都在讨论Hooks,Hooks,那么Hooks式的编程到底有什么好处?还记得当时Vue3.0 beta版本发布的时候,社区多少的反对声音:意大利面代码结构吐槽:“太失望了。杂七杂八一堆丢在 setup 里,我还不如直接用 react”我的天,3.0 这么搞的话,代码结构不清晰,语义不明确,无异于把 vue 自身优点都扔了怎么感觉代码结构上没有 2.0 清晰了呢 这要是代码量上去了是不是不好维护啊原创 2021-01-23 16:07:21 · 2286 阅读 · 1 评论 -
React 对比 VUE 断舍离分(二)
React 对比 VUE 断舍离分(二)前言七、状态管理a) vue中的vuexb) react 中的 redux九、其他细节1、 this指向问题a) vue this指向唯一b) react 将this的指向交给了开发者维护2、 判断组件是否渲染的方式a) vue 提供了v-if操作符 配合计算属性b)react 大量的三元表达式未完待续前言上一期讲述了React和Vue 在 六大方面的对比。这一期将继续上一期的话题。七、状态管理在状态管理方面,虽然vue跟react采用的不同的框架,但是本原创 2020-06-01 17:55:38 · 233 阅读 · 0 评论 -
React 对比 VUE 断舍离分(一)
前言初入大厂,果然不可避免的遇到react。经过各种犹豫,彷徨,踌躇,还是无奈接受了他。本篇文章主要介绍一个从vue技术栈转型react的百种愁千种恨,做一个VUE 跟 React的全面对比。相同点:两者大部分主要功能是相同的, 如下:虚拟DOM, 快速修改DOM组件化开发响应式组件服务端渲染应用开发全家桶: 路由 + 状态管理 + 打包等不同点:1、dom编写vue采用模板语法,react采用JSX来编写DOM, 模板语法是在HTML中加入一些赋值markup,而JSX语法是将J原创 2020-05-30 17:44:06 · 408 阅读 · 2 评论 -
vue .sync 用法
问题产生在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以修改父组件,且在父组件和子组件都没有明显的改动来源。这也是为什么我们推荐以 update:my-prop-name 的模式触发事件取而代之。举个例子,在一个包含 title prop 的假设的组件中,我们可以用以下方法表达对其赋新值的意图:this.$emit('u......原创 2020-02-05 19:11:29 · 2583 阅读 · 0 评论 -
iview datepicker的一个坑以及解决方案
一个页面上有任意个date。我不想使用双向绑定,因为是Date类型。通过@on-change无法传递我当前是哪个date-picker变化。最后通过绑定ref。再通过@on-Change 传递$refs 以及当前的date_顺序,修改对应的value......原创 2019-04-01 12:00:37 · 14017 阅读 · 2 评论 -
vue 路由跳转刷新的问题
在根组件上添加如上代码。可以实现路由的跳转每次都刷新原创 2019-05-09 09:27:21 · 10964 阅读 · 3 评论 -
前端框架MVC和MVVM的理解
一、概念解释MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。以Vue.js 为例。Vue是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库,专注于View 层。它的核心是 MVVM ......转载 2019-08-19 11:43:14 · 8038 阅读 · 0 评论