摘要: 利用object.defineProperty 这个属性,把data里面放的数据。每一个数据都定义了一个属性,定义了get 与 set ,监听这些数据变化,当这些属性发生变化的时候,我们可以通知那些需要更新的地方去做更新。 阅读全文
posted @ 2020-01-09 16:18 suni1024 阅读(438) 评论(0) 推荐(0) 编辑
摘要: Vue-router 路由生命周期也叫导航守卫 分3块:全局守卫、路由独立守卫、组件内守卫 1、全局守卫 main.js router.beforeEach((to, from, next) => { // 全局前置守卫 // if(to.fullPath '/shoppingCart'){ // 阅读全文
posted @ 2020-01-08 17:10 suni1024 阅读(6970) 评论(0) 推荐(0) 编辑
摘要: 路由参数 params 与 query params 与 query 的区别 只是形式不一样 什么情况使用params,什么情况使用query? query 查询类例如百度 ,不影响当前主要业务 首页=》 搜索 =》 列表页面 =》 详情页 首页 /index 首页 搜索 /index?secarh 阅读全文
posted @ 2020-01-08 17:04 suni1024 阅读(1359) 评论(0) 推荐(0) 编辑
摘要: API文档地址:https://www.npmjs.com/package/vue-text-format 安装 npm install vue-text-format 在入口文件引用插件main.js import Vue from 'vue' import format from 'vue-te 阅读全文
posted @ 2020-01-06 15:24 suni1024 阅读(2113) 评论(0) 推荐(0) 编辑
摘要: npm i -g npm npm i --save lodash import _ from 'lodash' 我这里 只用了 _.debounce(function(){},300) 300毫秒后,在执行函数方法。 // 函数延时执行,需要 npm 安装一下 // query 是输入的内容,don 阅读全文
posted @ 2020-01-06 15:19 suni1024 阅读(667) 评论(0) 推荐(0) 编辑
摘要: 后台从接口请求回来的城市相关的数据只有城市名称,没有排序,铺页面的时候要排序就很麻烦; 面向百度编程时候找到了一个包,用它来将字符串转成拼音,就可以通过字符串截取取出拼音首字母,这样就可以进行首字母排序了。 这个包的名字叫js-pinyin。 npm i js-pinyin //安装拼音库 impo 阅读全文
posted @ 2020-01-06 15:12 suni1024 阅读(1677) 评论(0) 推荐(0) 编辑
摘要: list: pois.filter((item) => { return item.photos.length }).map((item) => { return { type: item.type, img: item.photos[0].url, name: item.name, price: 阅读全文
posted @ 2020-01-02 17:23 suni1024 阅读(1261) 评论(0) 推荐(0) 编辑
摘要: 官网的解释: 你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。 通俗点讲:就是在父组件中给子组件绑定一个原生的事件,就将子组件变成了普通的HTML标签,不加'. native'事件是无法触 发的。 Item 组件 是引用的 vue文件,如果你不加.nat 阅读全文
posted @ 2020-01-02 17:11 suni1024 阅读(253) 评论(0) 推荐(0) 编辑
摘要: <template> <div class="m-products-list"> <dl> <dd v-for="item in nav" :key="item.name" :class="[item.name,item.active?'s-nav-active':'']" @click="Clic 阅读全文
posted @ 2020-01-02 15:32 suni1024 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 借鉴文章,完成了数据文件导入到Mongodb, 尊重作者版权:https://blog.csdn.net/weixin_44198965/article/details/100022616 1、找到你MongoDB的安装路径 2、cmd 到此路径下 3、导入数据 4、mongoimport -d d 阅读全文
posted @ 2019-12-25 10:29 suni1024 阅读(666) 评论(0) 推荐(0) 编辑