文章 2023-06-14 来自:开发者社区

Vue —— 进阶脚手架(六)(过渡与动画)

Vue 封装的过渡和动画1. 作用在插入、更新或移出DOM元素时,在合适的时候给元素添加样式类名。2. 图示3. 准备好样式元素进入的样式v-enter:进入的起点v-enter-active:进入的过程中v-enter-to:进入的终点元素离开的样式v-leave:离开的起点v-leave-active:离开的...

Vue —— 进阶脚手架(六)(过渡与动画)
文章 2023-06-14 来自:开发者社区

Vue —— 进阶脚手架(五)(全局事件总线、消息订阅与发布)

一、全局事件总线1. 什么是全局事件总线?这是一种组件间通信的方式,适用于任意组件间通信。2. 安装全局事件总线 new Vue({ ..... beforeCreate() { Vue.prototype.$bus = this //安装全局事件总线,$bus就是当前应用的 vm ...

Vue —— 进阶脚手架(五)(全局事件总线、消息订阅与发布)

Spring Boot+Vue.js+FastDFS实现分布式图片服务器

16 课时 |
316 人已学 |
免费

Vue.js 入门与实战

86 课时 |
19779 人已学 |
免费

Vue.js完全自学手册图文教程

13 课时 |
6719 人已学 |
免费
开发者课程背景图
文章 2023-06-14 来自:开发者社区

Vue —— 进阶脚手架(四)(组件的自定义事件)

一、组件自定义事件_绑定1. props 实现(复习)通过父组件给子组件传递函数类型的 props 实现:子给父传递数据在父组件 App.vue 中定义 getSchoolName() 用来接收从子组件传过来的值。在子组件 School.vue 中定义 props: ['getSchoolName'] ,接收父组件给子组件传...

Vue —— 进阶脚手架(四)(组件的自定义事件)
文章 2023-06-14 来自:开发者社区

Vue —— 进阶脚手架(三)(本地存储)

webStorage1. 组成部分webStorage 实际上由两部分组成:sessionStorage 与 localStorage。浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。2. 相关 API xxxStorage.setItem('key', 'value'...

Vue —— 进阶脚手架(三)(本地存储)
文章 2023-06-14 来自:开发者社区

Vue —— 进阶脚手架(二)(混入 mixin、插件 plugins、样式 scoped)

一、混入 mixin1. mixin 的功能可以把多个组件公用的配置提取成一个混入对象。2. 使用方式第一步在 mixin.js 中定义混入: { data(){...}, methods:{...}, .... } 第二步在子组件中混入(局部混入) mixins:[xxx] 在 mai...

Vue —— 进阶脚手架(二)(混入 mixin、插件 plugins、样式 scoped)
文章 2023-06-14 来自:开发者社区

Vue —— 进阶脚手架(一)(refs属性、props配置项)

一、refs 属性1. refs 的作用被用来给元素或组件注册引用信息(id 的替代者)。2. 应用的方面应用在 html 标签上获取的是真实 DOM 元素,应用在组件标签上是组件实例对象(vc)。3. 使用方式 //打标识 <h1 ref="xxx">...</h1&g...

Vue —— 进阶脚手架(一)(refs属性、props配置项)
文章 2023-06-13 来自:开发者社区

Vue —— 进阶脚手架(零)(初始化【附案例】)

初始化脚手架全局安装: npm install -g @vue/cli 创建项目(注意创建项目的时候指定好目录) vue create xxx 启动项目 npm run serve 一、简单案例1. 模块暴露方式:默认暴露。默认暴露:export default {}2. 模块化引入方式:...

Vue —— 进阶脚手架(零)(初始化【附案例】)
文章 2023-05-07 来自:开发者社区

Vue 进阶必学之高阶组件 HOC

高阶组件这个概念在 React 中一度非常流行,但是在 Vue 的社区里讨论的不多,本篇文章就真正的带你来玩一个进阶的骚操作。先和大家说好,本篇文章的核心是学会这样的思想,也就是 容器 和 木偶 组件的解耦合,这可以有很多方式,比如 slot-scopes,比如未来的composition-api。...

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

Vue学习笔记(八) 组件进阶

1、插槽(1)插槽内容像 HTML 元素一样,我们常常需要给组件传递内容比如在下面的例子中,我们给自定义组件 prompt-info 传入 出错啦 的文本<!DOCTYPE html> <html> <head> <title>Demo</title> <s...

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

Vue.js进阶之路1

什么是Vue.js?vue.js是一个前端的js的渐进式框架(个人项目)作者:尤雨溪发布时间:2016年10月github关注度: 136K (不代表大陆地区)Vue.js的特性1.vue.js是一个MVVM框架(由MVC架构衍生)2.vue.js 数据也是单向的, 我们称之为, 单向数据流3.vue.js是不兼容ie8及其以下浏览器(所以考虑低版本兼容...

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

阿里巴巴终端技术

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

+关注