凯小丁

组件在vue开发中是必不可少的，如果一个组件在多个页面中都需要使用，那么每次都要引入，注册，使用，还是有点繁琐的。所以对那些要频繁使用的我们要实现一次引入，全局使用。 本文就带你了解自定义一个全局复用的组件(Toast)，在main.js中引用组件，以后只要在需要的页面上写一句…

在我们的模板中，我们一直都只绑定简单的属性键值。但实际上，对于所有的数据绑定， Vue.js 都提供了完全的 JavaScript表达式支持，但是如果在模板中放入过多的逻辑会让模板过重，尤其当这种代码不止一次出现的时候。所以当遇到复杂的逻辑时，你可以选择使用计算属性 这里我用一…

文章主要以宏观的形式来聊一个全栈开发项目，非常适合初级阶段学习前端的小白，适当的全栈开发是前端学习在初级阶段所必须要有的技能。大多数人都知道的是，一个全栈开发项目是大多是由：电商系统+社交系统+博客系统 构成。但我们不知道的是其中的种种原理和方法。而我今天要讲解的项目就是以博客…

相信很多刚入门的小伙伴，经常会写很多重复的代码，而这些代码一般情况下也都是大同小异，在这种情况下，如何让开发和学习变得更加高效，组件化的思想就显得尤为重要。这里通过设计一个简单的弹出框，给小伙伴们分享组件化的应用。 在实际的开发中，我们应该避免去编写重复的代码，将精力放在更…

笔者入坑学习 Vue 也算是有段时间了，文档和一些大佬的项目、文章也多少看了一些，但是似乎这个问题思考的很少，每次在写项目或是 demo 的时候直接就是代码往上怼，深入的地方也仅限于了解了路由和模板编译的源码实现，也没有深究过为什么只能有一个根元素。这个问题我觉得对于刚入门 V…

路由：即浏览器中的哈希值（# hash）与展示视图内容（template）之间的对应规则。 vue中的路由是：hash 和component的对应关系。Vue路由即vue-router，在web开发中，“router”是指根据url分配到对应的处理程序。 在传统的web开发中每…

Vuejs是数据驱动型，数据发生改变界面也会刷新改变。但这并不是理所当然，在其内部做了很多复杂的操作。 通过Object.definePropety这个方法来监听数据的改变。 通过发布订阅者模式。 先用正则做下Mustache语法(双大括号)转化。 上代码(代码有挺详细的注释)…

再来扒一扒自定义组件（没想到吧，居然还是个连续剧！）。我们来定义一个弹窗组件alertTig，然后再把最近学习的Go中发送邮件email的使用分享一下~ 先来粗暴的看个效果好了。 伦家虽然没什么样式，但是好歹五脏还是全的（绝对不是懒得写样式）。来瞅瞅怎么实现的吧！ 在vue项目…

作为前端的初学者，学一个前端框架是必不可少的。因为对于新手而言，VUE相较于REACT更容易上手，所以作者选择了VUE。如果你正好也想学一个框架，那你走运了哦。跟着作者一起来发开发一个简单的电商项目，来学习VUE吧！ 这个是注册页面的UI代码，我们引用组件中的cube-form…