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

來(lái)源 | https://juejin.im/post/6854573215969181703

前言

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

01、slots 新語(yǔ)法向 3.0 看齊

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

舉個(gè)例子:

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