上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 44 下一页
摘要: 前言 在项目中安装了ESLint后,有些规则非常恶心,这时我们既想用其他的ESLint规则功能,又想禁用这些恶心的规则,听起来有些矛盾,但ESLint允许我们自定义规则。 配置语法 把自定义规则加入到 rules 配置项中即可: // 配置参数 rules: { "规则名1": [规则值, 规则配置 阅读全文
posted @ 2021-01-30 19:37 全情海洋 阅读(898) 评论(0) 推荐(0) 编辑
摘要: 前言, vue-cli官网:https://cli.vuejs.org/zh/config/#pages 从Vue CLI 3.0 开始,Webpack的配置文件从webpack.config.js变为了vue.config.js。此外,Vue 对配置文件的写法也进行了一些改动,封装了webpack 阅读全文
posted @ 2021-01-30 18:54 全情海洋 阅读(487) 评论(0) 推荐(0) 编辑
摘要: 一,mockjs模拟banner和floor接口操作,组件获取数据 1.在vue根目录下创建mock文件夹,创建banner.json和floor.json, mockServer.js(提供服务,模拟接口) 安装mockjs npm i mockjs mockServer.js 文件内容 //正儿 阅读全文
posted @ 2021-01-30 17:46 全情海洋 阅读(1667) 评论(0) 推荐(0) 编辑
摘要: 新建文件夹mockServe, 新建server.js, 2.将mock的数据(data.json)放入mockServer文件中, 3. npm init -y, 安装express包 npm i express 4.在server.js中搭建服务, npm start 启动服务 //引入expr 阅读全文
posted @ 2021-01-30 17:17 全情海洋 阅读(1009) 评论(0) 推荐(0) 编辑
摘要: 一,当点击点餐,评价,商家,路由组件时,会发送请求,我们需要点击一次时,对之前一个路由组件进行缓存,用到keep-alive 主要用于保留组件状态或避免重新渲染。 <template> <div> <ShopHeader></ShopHeader> <div class="tab"> <div cl 阅读全文
posted @ 2021-01-29 20:10 全情海洋 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 一,评价shopRtings页面搭建 在vuex中获取数据,商家评价列表数据 mounted(){ this.$store.dispatch('getShopRatings') }, computed:{ ...mapState(['info', 'ratings']) } 填充数据, 根据rate 阅读全文
posted @ 2021-01-28 23:37 全情海洋 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 一,搭建商品详情信息页面 注;新建shop路由组件,然后点击点餐的路由子组件(shopgoods),点击评价的路由子组件(shopratings),点击商家的路由子组件(shopInfo),顶部有个固定组件(shopheader) 在views中新建shop组件,再建shopgoods子组件,sho 阅读全文
posted @ 2021-01-24 11:25 全情海洋 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 一,shopList组件,从store获取数据,填充模板 mounted() { this.$store.dispatch('getShops') }, computed: { ...mapState(['shops']) } 二,使用svg显示加载中提示页面,如果数据还没回来,可用svg图片过渡下 阅读全文
posted @ 2021-01-21 11:51 全情海洋 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 一,首页页面情况 1.底部四个切换栏路由组件路由配置 import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) // 引入路由组件 import Msite from '@/views/Msite' imp 阅读全文
posted @ 2021-01-20 14:29 全情海洋 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 1. 生成打包报告 2. 第三方库启用 CDN 3. Element-UI 组件按需加载 4. 路由懒加载 5. 首页内容定制 一,利用nprogress插件添加导航进度条 1.1安装;npm install --save nprogress 1,2 // 导入 NProgress 包对应的JS和C 阅读全文
posted @ 2021-01-18 16:52 全情海洋 阅读(157) 评论(0) 推荐(0) 编辑
上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 44 下一页