yugasun

所有文章

  • Published on
    我们在实际开发过程中,当项目越来越大,组件越来越丰富时,经常会面临一个问题:很多组件会公用一些通用的 `props`、`data` 和 `methods`等声明,但是也会掺杂组件自己的一些私有特有声明,那么我们能不能像类的继承一样,来提炼和继承呢? 当然这是可以的,这里可以通过两个基本 API [extends](https://cn.vuejs.org/v2/api/#extends) 和 [mixins](https://cn.vuejs.org/v2/api/#mixins) 来实现。这两个API是可以相互替换的,唯一的区别是,`extends` 属性接受的通常是个单一组件对象,而 `mixins` 属性接受的是个组件对象数组。当他们只继承单一组件时,是可以互换的。由于本人开发中,习惯使用 `mixins`,所以本文所有实例均使用 `mixins` 来实现。
  • Published on
    写这篇文章并不是为前端争论什么,也不想引起 “谁是世界上最好的语言” 此类的的争论(本人也并没有那个资格和能力,如果此文得评论不小心过于激烈,引起大家的不适,我会删文处理),只是想说清楚一些事情,让大家明白,做前端是一件很不容易的事情,也是一件很有创造力的事情。作为一个好的前端,同时掌握 `HTML, CSS, Javascript` 三门语言是必不可少的,而且这每一种都有她独特的魅力所在,是值得使用她的人去尊重和学习的。
  • Published on
    有了前面文章的铺垫,相信一路看过来的新手的你开发一个中型的 Vuejs 应用已经不在话下,包括 Vuejs 生态核心工具(vue-router,vuex)的使用也不成问题。但是在实际项目开发过程中,我们要做的工作不仅仅是完成我们的业务代码,当一个需求完成后,我们还需要考虑更多后期优化工作,本篇主要讲述代码层面的优化。
  • Published on
    今天来聊聊 Vue.js 中的状态管理,也许一提到状态管理,大家首先想到的就是 [vuex](https://github.com/vuejs/vuex/),但是如果你的应用够简单,其实是不需要使用 vuex 的,反而会让你的项目变得繁琐起来。
  • Published on
    对于单页面应用,前端路由是必不可少的,官方也提供了 [vue-router 库](https://github.com/vuejs/vue-router) 供我们方便的实现,但是如果你的应用非常简单,就没有必要引入整个路由库了,可以通过 Vuejs 动态渲染的API来实现。
    我们知道组件可以通过 `template` 来指定模板,对于单文件组件,可以通过 `template` 标签指定模板,除此之外,Vue 还提供了我们一种自定义渲染组件的方式,那就是 [渲染函数 render](https://cn.vuejs.org/v2/guide/render-function.html),具体 `render` 的使用,请阅读官方文档。
    接下来我们开始实现我们的前端路由了。