dzdp

仿大众点评，作者：fanmi

技术栈

Vue CLI+Vue Router+Vuex+Less+Vant+axios+Swiper

项目展示

首页

城市选择

轮播图（以美食、酒店、外卖为例）

猜你喜欢详情（以一口香烧饼为例）

新建webpack

• vue init webpack Fan_DAZHONGDIANPING

npm

• npm install less less-loader -D
• npm install vuex -S
• npm install axios -S
• npm install mockjs
• npm install swiper
• npm i vant -S

引入Vant

import Vant from 'vant';
import'vant/lib/index.css';
Vue.use(Vant)

swiper的应用

import { mapState } from "vuex";
import Swiper from "swiper";
import "swiper/css/swiper.css";
export default {
  mounted: function() {
    new Swiper(".swiper-container", {
      loop: true,
      pagination: {
        el: ".swiper-pagination"
      }
    });
  }
};

引入axios

import axios from 'axios'