VUE July 07, 2020

拥抱Vue3系列之jsx语法

Words count 12k Reading time 11 mins.

原文地址

在过去的一年中,Vue 团队一直都在开发 Vue.js 的下一个主要版本,就在 6 月底,尤大更新同步了 Vue 3 及其周边生态的状态(Vue 3: mid 2020 status update...

Read article

VUE June 24, 2020

实战技巧,Vue原来还可以这样写

Words count 17k Reading time 15 mins.

原文地址

1. 内部监听生命周期函数

今天产品经理又给我甩过来一个需求,需要开发一个图表,拿到需求,瞄了一眼,然后我就去echarts官网复制示例代码了,复制完改了改差不多了,改完代码长这样

<template>
  <div class="echarts"></div>
</template>
<script>
export default {
  mounted() {
    this.chart = echarts...
Read article

VUE May 10, 2020

Vue开发实践(下)

Words count 22k Reading time 20 mins.

原文地址

前面两篇文章总结了 Vue 开发的大部分技巧和内容,最后一篇文章来对它进行一个收尾
这篇文章我们来谈谈一些 Vue 理解和实践要求高一点的问题

首先是生命周期这一块内容,随着实践越多它的意义越大,理解也越深刻

mixin 功能强大,对代码复用组织都有很高的要求,算是 Vue 后期发力的高级技巧

服务端渲染可能是学习 Vue 最后一块阵地了,对于 SPA 框架的一个里程碑

最后,总结一下我在使用 Vue 中使用的技巧和经验

Vue 生命周期大概就是:一个从 Vue 实例的创建到组件销毁...

Read article

VUE May 09, 2020

吃透Vue项目开发实践(中)

Words count 32k Reading time 29 mins.

原文地址

本节内容主要围绕下列问题展开:

  • 如何编写原生组件,以及组件编写的思考与原则?
  • 组件怎么通信?有哪些方式?
  • 如何使用vuex 以及它的应用场景和原理
  • 如何使用过滤器,编写自己的过滤器
  • 如何使用 Jest 测试你的代码?TDD 与 BDD 的比较

组件编写原理

vue 编写组件有两种方式,一种是单文件组件,另外一种函数组件。根据组件引入和创建还可以分为动态组件和异步组件。

动态组件keep-alive使之缓存。异步组件原理和异步路由一样,使用import()实现异步加载也就是按需加...

Read article

VUE May 06, 2020

吃透Vue项目开发实践(上)

Words count 39k Reading time 35 mins.

原文地址

我将从 16 个方面来论述 vue 开发过程中的一些技巧和原理。当然由于篇幅有限,先论述前 8 个问题,下节将完成全系列内容。

本篇文章将围绕下列问题进行论述:

  • 如何规范你的 git 提交,并自动生成并提交日志?
  • 如何配置和使用 Sass 和 PUG 提升你的编码效率?
  • 如何处理你的代码风格问题,以及如何使用 perttier 与 eslint 解决效率风格两难问题?
  • 如何管理页面的路由,如何编写异步路由?
  • 如何编写组件,引入组件库?
  • 如何管理你的资源,如何引入图标,样式?
  • 如...
Read article
Load more
0%