摘要:
一、React (一)父组件向子组件传数据 简单的向下传递参数 在CodeSandbox中打开 向更下一级传递参数 在CodeSandbox中打开 (二)子组件向父组件传递参数 在CodeSandbox中打开 (三)兄弟组件传递参数 二、Vue (一)父组件向子组件传数据 简单的向下传递参数 在Co 阅读全文
摘要:
vue router:vue官方路由管理器。 功能:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定义的滚动条行为 阅读全文
摘要:
需要使用vue做一个专题页面。 滚动页面指定区域导航高亮。 BetterScroll:可能是目前最好用的移动端滚动插件 如何自定义CSS滚动条的样式? 监听滚动页面事件,对比当前页面的位置与元素的位置,如果当前滚动的区域位置大于元素的位置,导航添加class,其他去掉class进行样式切换。 我使用 阅读全文
摘要:
使用vue前端框架做,竟然丢弃了很多javascript和html的东西了。。动态设置title的方法: 1.使用vue的自定义指令 2.很简单 3.router路由不同的title 原文地址:https://segmentfault.com/a/1190000016801359 阅读全文
摘要:
ajax plus 基于axios 的 Vue 插件 如何使用 npm 模块引入 首先通过 npm 安装 然后在入口文件引入并配置: 对标axios的配置,详见axios🚀 示例 $ajaxPlus方法 在 Vue 组件上添加了 $ajaxPlus 方法, 使用如下: 以上catchCb和fina 阅读全文
摘要:
最近在vue cli项目实现登录的过程中用到了token验证,在此总结如下 第一步:通过用户名+密码获取token,存cookie 第二步:路由跳转进行登录态校验 首先先比较一下下面两段代码 结果:第一段代码在页面进行路由跳转的时候会陷入死循环原因:next后面带路径跳转时会重新调用router.b 阅读全文
摘要:
背景: 本文主题 vue里数据的处理 存放数据 我们先看vue里哪里能存放数据: 1.单个vue文件里。2.官方插件vuex,作为一个集中管理经常复用的数据很有用。3.直接声明在vue实例上,用$号标识。 第一种情况下存放数据对于单个文件又分这几种属性1.1 data(常规使用,默认函数返回:忘记为 阅读全文
摘要:
公司最近在重构,使用的是Vue框架。涉及到一个品牌的布局,因为品牌的字符长度不一致,所以导致每一个的品牌标签长短不一。多行布局下就会导致每行的品牌布局参差不齐,严重影响美观。于是就有了本篇的木桶布局插件。 木桶布局的实现是这样分步骤的: 首先对要填放的内容进行排序,筛选出每一行的元素。 再对每一行元 阅读全文
摘要:
1. 兼容性 Vue不兼容IE8以及以下。 Vue Devtools https://github.com/vuejs/vue ... 2. 安装 1.直接<script>标签引用, Vue会被注册成为一个全局变量。2.npm注:开发版本下不要使用压缩版本,不然会失去一些错误相关的警告。 阅读全文
摘要:
本文来自于自己的经验总结,并不一定是最好的,或最规范的。如果你有任何建议十分欢迎提出 非父子组件间的通信 在src中创建一个eventbus.js作为eventbus的中转站 使用emit与on来在不同组件中监听事件 在Vue中操作DOM 其实如果使用了VUE,个人认为不与DOM打交道是最好的:) 阅读全文