欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue项目豆瓣移动端

程序员文章站 2022-07-08 09:48:19
vue create doubandemocnpm install axios --savecnpm install vue-axios --savecnpm install vue-router --savecnpm install mint-ui --save...

整个项目要实现的最终效果
http://182.254.147.230/
(过期参考豆瓣官网移动端 持续更新)

1.创建项目

vue create doubandemo

2.依次安装axios、vue-axios、vue-router、mint-ui

cnpm install axios --save
cnpm install vue-axios --save
cnpm install vue-router --save
cnpm install mint-ui --save

3.src下新建目录pages放页面、router放路由
4.main.js引入mintUI(引入名称不要大写,用到什么引什么)

import mintui from 'mint-ui'
import 'mint-ui/lib/style.css'

Vue.use(mintui)

vue项目豆瓣移动端
5.App.vue删除掉除框架之外的内容
vue项目豆瓣移动端
6.实现底部组件
vue项目豆瓣移动端
7.

本文地址:https://blog.csdn.net/m0_45899013/article/details/107035616