一、开发前的准备cross-env 设置环境变量nodemon 热更新（修改代码之后立即重启项目）使用：两个插件均使用npm安装即可，安装好之后在package.json的脚本中插入以下两个脚本"scripts": {"dev": "cross-env NODE_ENV=dev nodemon ./bin/www.js","prd": "cross-env NODE_ENV=production

Vue由本地js中存放的url地址获取图片对象必须放在js中（而不是json里面，json没有require）。如果是在json中，需要采用其他方式去获取注意：url地址必须用这种形式，有requiredata.jsexport const recommends = [{"pic": require('./1.png'),"name": "adidas 阿迪达斯 训练 男子","price": "

注：公司项目，为了引起不必要麻烦，码一下，请见谅。

先上效果图。背景有遮罩层，并且模糊，弹窗设置了最小宽度，文字超出范围，弹窗会自动扩展。写一个弹窗组件message.vue<template><!-- 遮罩层 也是整个组件的容器--><div class="pop-container" v-if="isShow"><div class="message-container"><!-- 两个ic