文章 2024-05-11 来自:开发者社区

学习vue3使用在线官方开发环境play.vuejs.org进行测试

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio 演示地址: http://218.75.87.38:9666 更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码: https://gitee.com/nbacheng/...

学习vue3使用在线官方开发环境play.vuejs.org进行测试
文章 2023-12-20 来自:开发者社区

学习vue3系列生命周期

vue3 增加了些生命周期,可以直接导入 onXXX 一族的函数来注册生命周期钩子:与 2.x 版本生命周期相对应的组合式 APIbeforeCreate -> 使用 setup()created -> 使用 setup()beforeMount -> onBeforeMountmounted -> onMountedbeforeUpdate -> onBefore....

文章 2023-04-15 来自:开发者社区

学习Vue3 第二十八章(自定义Hooks)

Vue3 自定义Hook主要用来处理复用代码逻辑的一些封装这个在vue2 就已经有一个东西是Mixinsmixins就是将这些多个相同的逻辑抽离出来,各个组件只需要引入mixins,就能实现一次写代码,多组件受益的效果。弊端就是 会涉及到覆盖的问题组件的data、methods、filters会覆盖mixins里的同名data、methods、filters。第二点就是 变量来源不明确(隐式传入....

学习Vue3 第二十八章(自定义Hooks)
文章 2023-04-15 来自:开发者社区

学习Vue3 第二十七章(自定义指令directive)

directive-自定义指令(属于破坏性更新)Vue中有v-if,v-for,v-bind,v-show,v-model 等等一系列方便快捷的指令 今天一起来了解一下vue里提供的自定义指令1.Vue3指令的钩子函数created 元素初始化的时候beforeMount 指令绑定到元素后调用 只调用一次mounted 元素插入父级dom调用beforeUpdate 元素被更新之前调用updat....

学习Vue3 第二十七章(自定义指令directive)
文章 2023-04-15 来自:开发者社区

学习Vue3 第三十二章(详解Scoped和样式 穿透)

主要是用于修改很多vue常用的组件库(element, vant, AntDesigin),虽然配好了样式但是还是需要更改其他的样式就需要用到样式穿透scoped的原理vue中的scoped 通过在DOM结构以及css样式上加唯一不重复的标记:data-v-hash的方式,以保证唯一(而这个工作是由过PostCSS转译实现的),达到样式私有化模块化的目的。总结一下scoped三条渲染规则:1.给....

学习Vue3 第三十二章(详解Scoped和样式 穿透)
文章 2023-04-15 来自:开发者社区

学习Vue3 第二十九章(Vue3定义全局函数和变量)

globalProperties由于Vue3 没有Prototype 属性 使用 app.config.globalProperties 代替 然后去定义变量和函数Vue2// 之前 (Vue 2.x) Vue.prototype.$http = () => {}Vue3// 之后 (Vue 3.x) const app = createApp({}) app.config.globalP....

文章 2023-04-15 来自:开发者社区

学习Vue3 第二十六章(深入v-model)

小彩蛋Vue3自动引入插件unplugin-auto-import/vitevite配置import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import VueJsx from '@vitejs/plugin-vue-jsx' import AutoImport from 'unplugin-auto-....

学习Vue3 第二十六章(深入v-model)
文章 2023-04-15 来自:开发者社区

学习Vue3 第二十四章(兄弟组件传参和Bus)

两种方案1.借助父组件传参例如父组件为App 子组件为A 和 B他两个是同级的<template> <div> <A @on-click="getFalg"></A> <B :flag="Flag"></B> </div> </template> <...

文章 2023-04-15 来自:开发者社区

学习Vue3 第二十三章(依赖注入Provide / Inject)

Provide / Inject通常,当我们需要从父组件向子组件传递数据时,我们使用 props。想象一下这样的结构:有一些深度嵌套的组件,而深层的子组件只需要父组件的部分内容。在这种情况下,如果仍然将 prop 沿着组件链逐级传递下去,可能会很麻烦。官网的解释很让人疑惑,那我翻译下这几句话:provide 可以在祖先组件中指定我们想要提供给后代组件的数据或方法,而在任何后代组件中,我们都可以使....

学习Vue3 第二十三章(依赖注入Provide / Inject)
文章 2023-04-15 来自:开发者社区

学习Vue3 第二十二章(transition-group过度列表)

单个节点多个节点,每次只渲染一个那么怎么同时渲染整个列表,比如使用 v-for?在这种场景下,我们会使用 <transition-group> 组件。在我们深入例子之前,先了解关于这个组件的几个特点:默认情况下,它不会渲染一个包裹元素,但是你可以通过 tag attribute 指定渲染一个元素。过渡模式不可用,因为我们不再相互切换特有的元素。内部元素总是需要提供唯一的 key at....

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

阿里巴巴终端技术

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

+关注
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等