10個簡單的技巧讓你的 vue.js 代碼更優(yōu)雅

來源 | https://juejin.im/post/6854573215969181703

前言

作為深度代碼潔癖，我們都希望能寫出簡單高效的代碼，讓我們的代碼看起來更加優(yōu)雅，讓我們拋棄繁雜的代碼，一起開啟簡單的旅程~~

01、slots 新語法向 3.0 看齊

使用帶有“＃”的新命名插槽縮寫語法,在Vue 2.6.0+中可用

舉個例子:

構(gòu)建插槽時，最好規(guī)劃一下布局。這就是我的文章布局。構(gòu)建插槽與構(gòu)建組件沒有什么不同。本質(zhì)上，插槽是具有超強功能的組件,讓我們細(xì)分一下上面的布局，組件的外觀如下：