qq_44983621的博客

由于普通的ui组件库中的轮播图无法满足需求，因此使用了这个库。效果图如下：安装swiper npm i swiper现在下载默认6x版本的，6x版中封装了组件，可以在vue中直接使用。用法跟以前不一样！！ ，部分api也不对。<template> <div> <a-row type="flex" justify="center"> <a-col :xs="0" :sm="0" :md="0" :lg="20" :xl="20".

npm install echarts --save 默认就是5版本的。在我们需要使用echarts的页面引入import * as echarts from 'echarts' //这个跟以前是不一样的。我们需要在模板中定义一个容器来存放图表 <div ref="indexChart" :style="{ width: '100%', height: '300px' }"></div>这里的宽高必须指定setup中设置图表配置项 外部引入配置项import b.

如何在vue3.0中友好的使用antdv随着我们vue3.0的出现，我们的ui组件库也有了一些变化，像我们的旧版的element-ui已经不能在vue3.0中使用了，如果要使用element的话需要使用最新版的element-plus，由于发现它并不太好用，因此我选择了Ant Design Vue。如果我们以前经常使用antd的话，我们使用起来这个上手会非常方便。在vue3.0中引入我们的antdv1.首先使用我们的vue/cli创建vue3.0项目并使用less2. 在vue3.0中使用的话

vue3中效率为什么会提升很多，composition-api 和ref reactive、setup 等详解，带你更快的学习，使用vue3.0。

简要对比vue 3.0和2.0简单总结了一下 3.0的新特性新的生命周期 ref key 等 移除了某些特性

使用webpack 4打包项目 — 进阶篇之vue文章目录使用webpack 4打包项目 --- 进阶篇之vuewebpack 结合 vuevue-loadervue-router在进行这一步之前我已经配置好了一些基础的配置如：自动编译打包，loader，出入口文件等，想看这个部分的可以参考这两篇文章使用webpack 4打包项目—基础篇使用webpack 4打包项目—进阶篇之loader这篇文章主要讲解webpack配合vue项目的使用。webpack 结合 vue首先我们需要先下载vue

vue和react两家对比之–组件之间的通信文章目录vue和react两家对比之--组件之间的通信Vue 组件通信vue 中子组件获取父组件的属性vue中父组件获取子组件的属性React 组件通信react 中子组件获取父组件的属性react中父组件调用子组件的属性Vue 组件通信vue 中子组件获取父组件的属性需要在组件标签中 加入自定义属性，然后再子组件中使用props接收这个传过来的...

vue和react两家的对比之–表格（小demo）文章目录vue和react两家的对比之--表格（小demo）vuereact这篇博客主要就是对比一下使用分别react和vue实现下面这个小demo ，这个案例实现起来可以清除的看到vue模板的优势，但是这个案例并不能说明vue就比react要好，vue很多东西都给你封装好了，你只需要去调用，这就可能写出来的东西比较死，但是react就不一样了...