Skip to content

Instantly share code, notes, and snippets.

@ThaddeusJiang
ThaddeusJiang / index.tsx
Created December 28, 2020 11:44
JavaScript defaultProps 容易出bug
const defaultProps = {
editable: {
name: true,
age: true,
}
}
<Card /> // ok
<Card editable={{ name: false }} /> // NG, because you lose `editable.age`
从资源加载角度,responsive 是资源不友好的。
@ThaddeusJiang
ThaddeusJiang / child.vue
Created December 2, 2020 09:38
Vue 推荐使用 kebab-case 的事件名
this.$emit('my-event')
// 👇 无效,详细:https://cn.vuejs.org/v2/guide/components-custom-events.html#事件名
this.$emit('myEvent')
@ThaddeusJiang
ThaddeusJiang / nuxt.config.js
Created December 2, 2020 08:54
Nuxt 使用 Chart.js,但是不想引入 moment.js
export default {
build: {
extend(config, ctx) {
// add externals
config.externals = {
moment: 'moment',
}
},
},
}
@ThaddeusJiang
ThaddeusJiang / parent.vue
Last active December 2, 2020 06:03
Vue.js slot variable
<todo-list v-bind:todos="todos">
<template v-slot:todo="{ todo }">
<span v-if="todo.isComplete">✓</span>
{{ todo.text }}
</template>
</todo-list>
@ThaddeusJiang
ThaddeusJiang / docker
Created November 29, 2020 05:05
Always use docker-compose run docker containers
不要直接运行 docker container,使用 docker-compose 运行 docker container。
@ThaddeusJiang
ThaddeusJiang / nuxt-axios
Created November 27, 2020 05:01
nuxt axios | baseUrl 和 proxy 不能同时用
WARNING: baseURL and proxy cannot be used at the same time,
so when the proxy option is in use,
you need to define prefix instead of baseURL.
@ThaddeusJiang
ThaddeusJiang / nuxt-proxy
Created November 27, 2020 02:40
nuxt 如何请求跨域资源
https://nuxtjs.org/faq/http-proxy
- 如果已经 install [nuxt-axios],则不需要再次 install
@ThaddeusJiang
ThaddeusJiang / nuxt-asyncData-fetch.md
Created November 26, 2020 10:04
Nuxt asyncData 和 fetch 区别

asyncData 返回值自动 merge 进 data,并且只能使用在 pages。

fetch 接受一个 callback,不会自动 merge 到 data,但是可以使用在任何 .vue 组件中。