vue
文章平均质量分 89
Z忽忽
在职社畜
展开
-
发布/订阅者模式,以及vue中更新数据原理解析
发布/订阅者模式要搞清楚vue中的双向数据绑定原理,就必须理解什么是发布、订阅者模式!!1、首先想好谁是发布者、谁是订阅者(例如NBA专栏就是发布者,NBA球迷就是订阅者)2、然后给发布者添加一个缓存列表,用于存放回调函数用来通知订阅者 3、最后就是发布消息,发布者者遍历这个缓存列表,一次触发订阅者的回调函数废话不多说,直接上代码!希望大家能读懂源码再继续往下看vue的数据更新原理 let NBAcol = {}; // 自定义一个NBA专栏对象(这就是发布者...原创 2020-05-18 11:19:35 · 1467 阅读 · 0 评论 -
在vue-router中要使用选中样式的方法有两种:
1、直接在路由js文件中配置linkActiveClass 2、在router-link中写入active-class 问题:如果就这样,那么会出现一个问题,不管跳转到哪里,跳转到根目录的那个连接(to="/") 始终都会有选中样式 为什么会这样呢?查阅文档:https://router.vuejs.org/zh-cn/api/router-link.html知道了,如果只是添加...转载 2018-07-13 12:37:52 · 7313 阅读 · 1 评论 -
axios调取本地mock数据 以及实现跨域(node代理)
需要与后台进行数据交互 这里使用本地json数据来模仿后台数据交互流程 我们使用了mock数据(模拟后台数据)作为前端经常需要模拟后台数据,我们称之为mock。mock 的真正意义在于简化测试环境。假如你现在要测试一个dao,但是你有不想构建数据库环境就可以用mock模拟数据库的返回结果。 进入正题:一,在vuejs 2.0版本 在配置文件webpack.dev.conf.js进...转载 2018-07-13 12:37:40 · 4147 阅读 · 0 评论 -
Vue移动端音乐播放器之scroll组件的封装
先安装better-scroll,在script部分先引入,然后配置以后再用到滚动的时候直接引入这个组建就可以使用了原创 2018-07-13 12:37:18 · 542 阅读 · 0 评论 -
vue仿饿了么app中vue和better-scroll实现列表左右联动效果
一.实现思路(1)实现上是左右分别一个better-scroll列表(2)利用计算右侧列表每一个大区块的高度来计算左侧的位置12二.实现1.实现左右两个better-scroll(1)dom结构(better-scroll要求,会把最外层dom的第一个子元素作为要滚动的区域)左边滚动列表dom <div class="menu-wrapper" v-el:menu-wrapper>...转载 2018-06-25 21:39:47 · 4561 阅读 · 1 评论 -
关于新版vue中没有dev.server文件的说明
在新版vue.js中通过脚手架搭建的文件夹里面没有dev.server文件目录,原来是新版本的vue已将dev-server.js与webpack.dev.conf.js合并了.原创 2018-07-13 12:38:16 · 3863 阅读 · 0 评论 -
利用GitHub在线预览vue项目
问题1当我们在命令行执行 npm run build 后,项目的目录下会生成一个 dist 文件夹,它里面又包含一个 static 文件夹和一个 index.html 文件,这是 webpack 最终打包好的文件 我们先尝试在浏览器打开 index.html 咦,为什么页面显示是空白的?打开控制台,细心的朋友可能会发现, script 标签的引入路径好像...转载 2018-09-16 21:42:05 · 6003 阅读 · 2 评论