12 2018 档案

摘要:## 如果有兴趣的话,大家可以去github上下载, 我是用mpvue框架做的这个项目 github链接地址: https://github.com/PinkYun/PinkJing 阅读全文
posted @ 2018-12-14 16:35 PinkYun 阅读(332) 评论(0) 推荐(0) 编辑
摘要:效果图: 说太多没用的 直接上代码 有更好的修改的话,可以留言 html代码: css代码: js代码实现的逻辑: 阅读全文
posted @ 2018-12-13 16:32 PinkYun 阅读(1620) 评论(0) 推荐(0) 编辑
摘要:在vue中双向数据绑定原理,我们一般都是用v-model来实现的 ,但一般在面试话会问到其实现的原理, 方法比较简单,就是利用了es5中的一个方法.Object.defineproperty(),它有三个参数, Object.defineproperty(obj,'val',attrObject), 阅读全文
posted @ 2018-12-08 11:02 PinkYun 阅读(1060) 评论(0) 推荐(0) 编辑
摘要:父子组件之间的通信,其实看文档呢, 已经介绍很多了,这里主要是要demo来说明 ,用起来比较方便 在shop.vue中传送数据到子组件中, 直接上代码 template部分的: JavaScript部分: 接下来是子组件代码: 子组件接收的话 在props中可以写很多的, 传入的值可以是对象,或者数 阅读全文
posted @ 2018-12-07 15:59 PinkYun 阅读(141) 评论(0) 推荐(0) 编辑
摘要:一般在项目中,有时候我们需要在组件之间通信传值, 直接看代码吧 在实现之前,首先创建一个文件夹utils, 然后写一个文件名为bus.js, 内容如下 在index.vue中 注明: 刚刚发现了一个bug,就是在页面切换回来的时候,值是有问题的,作出新的修改 在另一个页面上通过bus.js传过来的值 阅读全文
posted @ 2018-12-07 15:26 PinkYun 阅读(296) 评论(0) 推荐(0) 编辑
摘要:结构代码: js代码: css样式代码: 这部分样式主要是实现过渡的效果 如有不了解可以看文档class与style绑定(https://cn.vuejs.org/v2/guide/class-and-style.html) 比较简单的轮播图 效果图如下 阅读全文
posted @ 2018-12-06 16:25 PinkYun 阅读(376) 评论(0) 推荐(0) 编辑