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

vue3瀑布流布局(使用 Vue 3 框架的单文件组件格式(Single-File Component)编写的)

使用 Vue 3 框架的单文件组件格式(Single-File Component)编写的,这是Vue.js推荐的代码组织方式。单文件组件通常包括三个主要部分:<template>:在这个部分中定义了组件的模板,也就是用户界面的结构和布局。这里使用了Vue的模板语法,包括v-for、{{...

文章 2023-10-23 来自:开发者社区

Vue的优缺,vue3的优缺点

优点:组件化开发,提升效率,方便复用,便于协同开发单页面路由易于结合其他的第三方库丰富的api方法轻量高效,虚拟DOMMVVM,数据驱动视图轻量级的框架缺点:缺少高阶教程和文档生态环境不如angular和react社区不大不支持ES6的浏览器无法使用,如ie10报错不明显,适合单人开发...

文章 2023-10-23 来自:开发者社区

vue2和vue3区别

vue2和vue3双向数据绑定原理发生了改变vue2的双向数据绑定是利用了es5 的一个API Object.definepropert() 对数据进行劫持 结合发布订阅模式来实现的。vue3中使用了es6的proxyAPI对数据进行处理。相比与vue2,使用proxy API 优势有:defineProperty只能监听某个属性,不能对全对象进行监听&...

文章 2023-10-23 来自:开发者社区

vue3+ant design vue 自定义文件上传和自定义上传进度条

&lt;!-- html部分 --&gt;&nbsp; &nbsp; &nbsp; &lt;a-upload-dragger ref="upload" &nbsp;name="file" :multiple="true" &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; :customRequest="customRequest" &nbsp; &nbs...

文章 2023-10-20 来自:开发者社区

vue常用组件通信方式及vue2和vue3写法对比(下)

2. 隔代组件通信2.1 provide/injectprovide / inject 为依赖注入,该方法用于父子组件、隔代组件之间的通信,即在层数很深的情况下,可以使用这种方法来进行传值。就不用一层一层的传递了。provide / inject是Vue提供的两个钩子,和data、methods是同级的。并且provide的书写形式和dat...

vue常用组件通信方式及vue2和vue3写法对比(下)
文章 2023-10-20 来自:开发者社区

vue常用组件通信方式及vue2和vue3写法对比(上)

1. 父子组件通信1.1 props/$emit这种方式是父子组件通信最常用的方式。子组件通过 props 属性来接受父组件的数据,父组件在子组件上注册监听事件,子组件通过 emit 触发自定义事件来向父组件发送数据。vue2写法父传子// Parent.vue <template> <child :msg="msg"...

文章 2023-10-19 来自:开发者社区

Vue2+Vue3基础入门到实战项目(前接六 副线一)—— 面经 项目

Vue2+Vue3基础入门到实战项目(前接六 副线一)—— 面经 项目

Vue2+Vue3基础入门到实战项目(前接六 副线一)—— 面经 项目
文章 2023-10-19 来自:开发者社区

Vue2+Vue3基础入门到实战项目(七)—— 智慧商城 项目

Vue2+Vue3基础入门到实战项目(七)—— 智慧商城 项目

Vue2+Vue3基础入门到实战项目(七)—— 智慧商城 项目
文章 2023-10-19 来自:开发者社区

Vue2+Vue3基础入门到实战项目(六)——课程学习笔记

镇贴!!!day07vuex的基本认知使用场景某个状态 在 很多个组件 来使用 (个人信息)多个组件 共同维护 一份数据 (购物车)构建多组件共享的数据环境1.创建项目vue create vuex-demo2.创建三个组件, 目录如下|-components |--Son1.vue |--Son2.vue |-App.vue3.源代码如下App.vue...

Vue2+Vue3基础入门到实战项目(六)——课程学习笔记
文章 2023-10-19 来自:开发者社区

Vue2+Vue3基础入门到实战项目(五)——课程学习笔记

大家好, Capybara 继续与大家一起学习Vue框架。书读百遍其义自见。day06路由进阶路由模块封装router/index.js所抽离内容包括:导入组件、(额外需要)导入Vue、导入VueRouter插件、创建路由对象、导出路由对象需要注意路径写法(推荐使用绝对路径 @代表当前src目录) 效果&...

Vue2+Vue3基础入门到实战项目(五)——课程学习笔记

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

阿里巴巴终端技术

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

+关注