摘要: 一、typeof 能判断那些类型 1.识别所有值类型 2.识别函数 3.判断是否是引用类型 二、何时使用 何时使用== ==会发生隐式转换,除了==null之外,其他一律用 三、值类型和引用类型的区别 堆栈模型的不同,引用类型指向内存地址 深拷贝: /* 深拷贝 */ const obj1={ ag 阅读全文
posted @ 2020-01-09 10:00 日暮途远i 阅读(169) 评论(0) 推荐(0)
摘要: 需求1.根据登录状态来跳转页面,通过state.userinfo控制用户登录限制: 1.在页面的src目录下新建一个store文件夹,专门存储相应的vuex 2.在store文件夹下新建一个index.js文件 // 实例化vuex对象 import Vue from 'vue' import Vu 阅读全文
posted @ 2020-01-08 16:49 日暮途远i 阅读(362) 评论(0) 推荐(0)
摘要: 点击商品应该会跳转到商品详情页,在这里我们把商品详情页做成组件 在内部组件定义一个show方法来切换这个组件的显示 接下来要给外面的food添加一个点击事件,在点击的时候把数据传递给子组件在调用子组件自身的show方法 goods组件中顶一个数据叫被选中的商品 给数据添加点击事件,并把food传递进 阅读全文
posted @ 2019-09-10 18:55 日暮途远i 阅读(302) 评论(0) 推荐(0)
摘要: 要实现这个组件的效果,以及和底部购物车联动的效果 这个组件能获取父组件foods上每个商品的数据,而且点击增加可以增加,点击删除可以删除 新建一个组件叫做cartcontrol,因为每一道菜都应该有这个组件,所以在goods父组件循环遍历goods出的food中把每一项food传递到子组件中去 在这 阅读全文
posted @ 2019-09-06 16:13 日暮途远i 阅读(596) 评论(0) 推荐(0)
摘要: 底下购物车一共有三种样式 未选商品样式: 已选商品但未到起送价样式: 已经到达起送价的样式 首先这购物车的三种不同的样式,都需要从外部获取数据,也就是拿到food组件选择的商品和商品的总价,由于购物车是food组件的子组件,所以可以在food组件里把起送费和配送费传递进去 由于food组件的数据是a 阅读全文
posted @ 2019-09-04 15:20 日暮途远i 阅读(482) 评论(0) 推荐(0)
摘要: better-scroll 是一款重点解决移动端各种滚动场景需求的插件,并且可以很好的和 Vue 配合使用 首先来总结一下当下项目需要通过这个插件解决的需求: 1.左边商品种类列表可以滚动,右侧当前种类的商品详情也可以滚动 2.右侧上下滚动的时候左侧对应的种类也会高亮 3.点击左侧的种类的时候右侧会 阅读全文
posted @ 2019-09-03 15:55 日暮途远i 阅读(789) 评论(0) 推荐(0)
摘要: 在package.json中的dev属性中添加--host ip地址即可 访问方法: http://192.168.31.253:8080/#/seller 带二维码的浏览器手机直接扫描即可,不带二维码的浏览器 百度草料二维码直接把网址放进去生成二维码再扫描即可 当然这些前提需要主机和测试手机在同一 阅读全文
posted @ 2019-08-31 13:59 日暮途远i 阅读(1397) 评论(0) 推荐(0)
摘要: 星级评分在WEB开发中经常可能会用到,因此把他封装成一个vue组件是很合适的,要做的效果如下: 因此我们需要通过后台传递过来的score来写业务逻辑 比如这个模拟数据,3.6分就应该是三颗半星,小于3.5分大于3分的依旧按3分判断 在设计给出的图标中单颗星级有无星级,半颗,以及一颗 根据星星的大小, 阅读全文
posted @ 2019-08-30 20:28 日暮途远i 阅读(978) 评论(0) 推荐(0)
摘要: 在前端开发中因为屏幕像素比的关系,经常要根据各种型号手机的dpi来加载不同分辨率的图片,来提高性能以及更好的展示 在vue开发中秉承组件化的开发原则,所有和该组件相关的图片应该和该组件在一个文件夹下,所以把这个组件全部相关的图片放入组件目录下,并按相同的规律命名文件 接下来定义一个mixin.les 阅读全文
posted @ 2019-08-28 17:42 日暮途远i 阅读(2124) 评论(0) 推荐(0)
摘要: 要使用vue-router,首先需要在项目根目录的package.json中添加依赖 接着使用npm install 下载对应的依赖包,当然也可以直接 npm install vue-router --save-dev 安装 引入vue-router 阅读全文
posted @ 2019-08-27 18:43 日暮途远i 阅读(1297) 评论(0) 推荐(0)