Vue3
0 人感兴趣 · 112 次引用
- 最新
- 推荐
一个 OpenTiny，Vue2 Vue3 都支持！
TinyVue 是一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端。今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。
感受 Vue3 的魔法力量
摆脱了书写声明式的代码，用起来很流畅，提升不少效率，封装可复用逻辑，将 UI 和逻辑分离，提高复用性，view 层代码展示更清晰，少去了很多配置，使用起来更便捷
Vue 组合式函数（二）封装一个请求
上一章我们封装了一个useMouse的组合式函数，他没有接收任何的参数。今天我们就来封装一个可以接受参数的组合式函数。就拿我们平常开发中与后端请求数据的接口调用为例，当我们需要请求一个列表的数据的时候，往往会有四个状态：请求中、请求数据为空、请求数
vue3 name 属性的使用技巧
如果你在 vue3 开发中使用了 `<script setup>` 语法的话，对于组件的 name 属性，需要做一番额外的处理。
浅谈 Mixin、Composition API、Reactive API、Ref API 以及 readonly🔥
Hello,又见面了,我是渔戈! 今天我们来讲讲Mixin、Composition API、Reactive API、Ref API以及readonly 1.认识Mixin 目前我们是使用组件化的方式在开发整个Vue的应用程序，但是组件和组件之间有时候会存在相同的代码逻辑，我们希望对相同的代码逻辑
动态组件、异步组件以及生命周期和 v-model🔥
Hello,又见面了,我是渔戈! 今天我们来讲讲动态组件、异步组件以及生命周期和v-model 那就先来用一个案例引入,再来展开讲讲实现方法 1.切换组件案例 比如我们现在想要实现了一个功能：
你真的了解过插槽 Slot 吗🔥
Hello,又见面了,我是渔戈! 今天我们来讲讲Vue3的插槽Slot! 1.认识插槽Slot 在开发中，我们会经常封装一个个可复用的组件： 前面我们会通过props传递给组件一些数据，让组件来进行展示； 但是为了让这个组件具备更强的通用性，我们不能将组件
非父子组件之间的通信方式与 mitt 库🔥
Hello,又见面了,我是渔戈! 今天我们来讲讲Vue组件开发中的非父子组件之间的通信方式以及mitt库 1.非父子组件的通信 在开发中，我们构建了组件树之后，除了父子组件之间的通信之外，还会有非父子组件之间的通信。 这里我们主要讲两种方式： Provide/
Vue3 组件开发之: 父子组件之间的通信方式🔥
Hello,又见面了,我是渔戈! 今天我们来来讲讲Vue的组件化开发中父子组件之间的通信方式！ 1.认识组件的嵌套 我们之前讲Vue的时候是将所有的逻辑放到一个App.vue中： 在之前的案例中，我们只是创建了一个组件App； 如果我们一个应用程序将所有的逻辑都放在
认识 VueCLI 和 Vite🔥
Hello,又见面了,我是渔戈! 今天我们来讲讲VueCLI和Vite! 1.Vue CLI脚手架 什么是Vue脚手架？ 在真实开发中我们不可能每一个项目从头来完成所有的webpack配置，这样显示开发的效率会大大的降低； 所以在真实开发中，我们通常会使用脚手架来创建一
深入浅出来谈谈 webpack🔥
上一次我们介绍了webpack是什么以及webpack的安装和默认打包方式(Vue的开发模式与webpack🔥),今天我们就接着来继续谈谈webpack的其他内容!
Vue 的开发模式与 webpack🔥
Hello,又见面了,我是渔戈! 今天我们来讲讲Vue的开发模式与webpack! 1.Vue的开发模式 目前我们使用vue的过程都是在html文件中，通过template编写自己的模板、脚本逻辑、样式等 但是随着项目越来越复杂，我们会采用组件化的方式来进行开发： 这就
你真的了解过 Vue 的组件化开发吗🔥
Hello,又见面了,我是渔戈! 前言 人处理问题的方式 任何一个人处理信息的逻辑能力都是有限的 所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的内容 但是，我们人有一种天生的能力，就是将问题进行拆解
你真的了解 v-model 吗🔥
Hello,又见面了,我是渔戈! 今天我们来讲讲Vue3的v-model! 1.什么是v-model?? 在表单输入元素或组件上创建双向绑定。 期望的绑定值类型：根据表单输入元素或组件输出的值而变化 仅限： <input> <select> <textarea> components 修饰符：
Vue3 的基本指令
Hello,我是渔戈!今天我们来学习一下关于Vue3的基本指令..Mustache双大括号语法(插值表达式) 说明:双大括号标签会被替换为相应组件实例中 msg 属性的值。
Vue 组件入门（七）v-model 与自定义事件
相信在我们日常的开发过程中，v-model这个指令的使用次数是很频繁的。他很方便的帮助我们省略了在input标签上书写的数据同步相关的代码，让我们更加关注于业务的实现。那你知道他这个指令帮助我们做了什么吗？以及他和自定义事件有什么关系呢？下面，我们来一
Vue 组件入门（五）props +
前面的章节中我们大概讲了下props的用处以及其的使用方法，但是如果想进一步了解的话，肯定是不够的。所以今天呢，我们就带大家来具体聊一聊props的声明方式以及一些细节，并聊一聊她的特性--单向数据流。
Vue 组件入门（二）props 和 emit
有些情况下，我们可能对组件内部内容的需求不是固定的，这个时候我们就需要通过向组件传递内容数据来解决这个问题。而要实现这样的效果，就可以通过props属性来实现。
Vue 组件入门（一）组件定义及使用
组件作为vue中一个极为重要的功能，在我们平常的业务开发中占据着不可或缺的作用。灵活的运用组件化开发，可以极大减轻重复代码的编写，对于一些可重用的部分，可以进行高效的复用。而对于业务的处理上，组件化更能清晰的区分每个组件负责的功能，使得业务的
Vue3 入门指北（十一）watch 和 watchEffect
上一章我们讲到，watch 和 watchEffect 都能很好的根据监听的数据源执行内部大的回调。而 watchEffect 可以在初始化创建监听器的时候，执行回调。而除了这些，你还知道他们有什么区别吗？下面就让我们来一探究竟。
Vue3 入门指北（十）侦听器
在某些场景下，我们可能需要监听某一地方的结果去修改另一个地方的状态。我们就可以通过使用watch（）函数，来实现状态变化时，触发内部的回调函数。
