vue
IT梅
这个作者很懒,什么都没留下…
展开
-
撸一个简单的vue-router来剖析原理
理解 随着前端业务的发展, 我们一般在写一个较为大型的vue项目时候,会使用到vue-router,来根据指定的url或者hash来进行内容的分发,可以达到不像服务端发送请求,就完成页面内容的切换,能够减少像服务器发送的请求,让用户进行页面跳转时候能够更快,体验更好 疑问 在初学vue-router的时候,一般人都会有一个印象,router-link以及router-view都是vue原生自带的标...原创 2020-03-09 16:51:40 · 215 阅读 · 0 评论 -
vue-组件化-插槽(slot)
理解 Vue组件化中,当我们在设计一个组件的时候,可能会保留一部分,让使用者自定义的内容,比如: 导航栏组件中,右上角的分享按钮,左上角做菜单按钮 弹出框组件中,弹出框的提示内容等 … 在这种场景下,把保留给使用者的部分,叫做插槽(slot) 插槽分类 匿名插槽 理解: 所谓匿名插槽,就是这个插槽里,没有声明任何名称,使用者放进来的东西,都扔进这个插槽中。 匿名插槽是一种特殊的具名插槽,也就...原创 2020-03-03 13:32:43 · 419 阅读 · 0 评论 -
从0开始探究vue-组件化-组件之间传值
理解 Vue中有个非常重要的核心思想,就是组件化,组件化是为了代码复用 什么是组件化 组件化,就像一个电脑主机里的主板,有内存条的插口,有硬盘,光驱等等的插口,我们的项目,就像一个电脑主机,通过各种组件化的模块(硬盘、内存等),来拼合成一个完整的电脑。 如图,每一个块都是一个组件,由许许多多的组件拼合而成,可以无限的嵌套下去 组件化的好处 模块复用,提高效率,让重复的代码只写一遍。 预留个性化...原创 2020-03-01 18:52:46 · 368 阅读 · 0 评论 -
从0开始探究vue-公共变量的管理
背景 在Vue项目中,我们总会遇到一些公共数据的处理,如方法拦截,全局变量等,本文旨在解决这些问题 解决方案 事件总线 所谓事件总线,就是在当前的Vue实例之外,再创建一个Vue实例来专门进行变量传递,事件处理,管理回调事件等 //main.js中 Vue.prototype.$bus = new Vue(); new Vue({...}) //页面一 this.$bus.$on('sayNam...原创 2020-03-01 15:18:53 · 318 阅读 · 0 评论 -
从0开始探究vue-双向绑定原理
理解 vue是一个非常优秀的框架,其优秀的双向绑定原理,mvvm模型,组件,路由解析器等,非常的灵活方便,也使开发者能够着重于数据处理,让开发者更清晰的设计自己的业务。 双向绑定,就是数据变化的时候,自动触发视图的变化。 实践 我们都理解,vue2.0中,双向绑定的核心为Object.defineProperty(obj, prop, descriptor),方法会直接在一个对象上定义一个新属性,...原创 2020-02-26 10:03:09 · 708 阅读 · 0 评论