《Vue应用开发》课件——6.2.2Vant中button组件演示图标按钮.pptxVIP

在vant-component目录下使用yarn安装Vant。

npminstallvant@4.0.0--save

@4.0.0表示安装vant的版本号

项目运行时依赖

步骤1

步骤3

步骤4

步骤2

6.2.1安装Vant

在Vue3项目中使用yarn安装Vant

步骤1

使用VSCode编辑器打开vant-component目录，在src\main.js文件中，导入并挂载Vant模块。

import{createApp}fromvue

import./style.css

importVantfromvant

importvant/lib/index.css

importAppfrom./App.vue

constapp=createApp(App)

app.use(Vant)

app.mount(#app)

步骤1

步骤3

步骤4

步骤2

6.2.1安装Vant

在Vue3项目中使用yarn安装Vant

步骤2

演示图标按钮的使用

创建src\components\Button2.vue文件。

6.2.2Vant中的常用组件

修改src\main.js文件，切换页面中显示的组件。

importAppfrom./components/Button2.vue

组件的文件名

步骤1

步骤2

6.2.2Vant中的常用组件

演