如果你是一名 Vue 开发新手，可能已经听过很多行话术语，比如单页面应用程序、异步组件、服务器端渲染等等，或者还听说过与 Vue 有关的一些工具和库，比如 Vuex、Webpack、Vue CLI 和 Nuxt。 Vue.js是一套用于构建用户界面的渐进式框架，主要用于快速的构…

Vue父子组件通讯的方法其实有很多，本文只是做一个总结，说说他们的优缺点，具体如何使用相关文档和网上大神已经总结的很多里，这里就不再说明。 解决了多层组件之间繁琐的事件传播。 解决了多组件依赖统同一状态的问题。 不能做数据持久化，刷新页面就要重制，要做数据持久化可以考虑使用lo…

最近在用 Vue 重构一个历史项目，一个考试系统，题目量很大，所以核心组件的性能成为了关注点。先来两张图看下最核心的组件 Paper 的样式。 从图中来看，分为答题区与选择面板区。 答题模式与学习模式可以相互切换，控制正确答案显隐。 单选与判断题直接点击就记录答案正确性，多选是…

之前说过，可以使用 props 将数据从父组件传递给子组件。其实还有其它种的通信方式，下面我们一一娓娓道来。 通过自定义事件，我们可以把数据从子组件传输回父组件。子组件通过 $emit() 来触发事件，而父组件通过 $on() 来监听事件，这是典型的观察者模式。 示例中有两个按…

只看不赞，或者只收藏不赞的都是耍流氓，放学别走，我找我哥收拾你们。 我在微信上关注了不少的公众号，经常浏览里面的内容。但是往往在我阅读文章的时候，总是被各种微信消息打断，不得不切出去，回复消息，然后一路点回公众号，重新打开文章，周而复始，不胜其烦。后来想起，微信跟搜狗有合作，可…

Webpack是实现我们前端项目工程化的基础，但其实她的用处远不仅仅如此，我们可以通过Webpack来帮我们做一些自动化的事情。首先我们要了解require.context()这个API 不要困惑，接下来我们来探讨在项目中怎么用。 对于Vue中的路由，大家都很熟悉，类似于声明式…

api目录用于存放 api请求,文件名与模型名称基本一致,文件名使用小驼峰, 方法名称与后端restful控制器一致. 上面展示的是一个后台系统, empty为一个空布局.用于登录页面, 其他页面则使用default布局. 布局不需要过多介绍,写过laravel blade都很…

当前前端估计没有不知道vue这个渐进式框架，由于它容易上手，支持各种类库，各种优点，成为我们开发单页应用的一个不二之选。下面是我在学习和工作中对组件之间通信和交互方式的归纳，希望对你有所帮助。 然后回到需求本身父亲要跟儿子说回来吃饭了。也就是父组件要向子组件传递一个信息。可以选…

router-layout 负责页面排版。 主要是解决transform动画，position:fixed异常问题 如果存在子路由,需手动设置router-layout的id属性，滚动条定位作用。 本项目基于 MIT 协议，请自由地享受和参与开源。