安裝scss所需要的依賴： 在assets文件夾下創建一個scss的入口文件，比如是main.scss，里面寫上自己的自定義樣式 在nuxt.config.js進行配置 然后在每個頁面都可以用這個公共scss文件的樣式了， 如果想在頁面單獨引用某一個 ...

介紹 對於一個前端小白來說，使用一套已有的框架作為基礎，可以達到事半功倍的效果，在這里我們選擇Element。Element，一套為開發者、設計師和產品經理准備的基於 Vue 2.0 的桌面端組件庫（官方文檔中的敘述），下面我們將開始在之前搭建好的nuxt項目中引入element-ui。 准備 ...

<svg style="width:60px;height:60px"> <use xlink:href="sprites.svg#a" fill="red"> </use> </svg ...

組件 如果組件中有初始方法使用到了document.xxx或者window.xxx，要注意在運行的時候會報錯找不到對象 解決方案： 一、在該組件的初始化方法上加判斷 二、在引入的頁面進行判斷 插件 插件在配置的時候，后面跟上ssr:false ...

介紹 在element-ui框架中提供了一些圖標樣式，但是種類比較少，所以在這里提供一套更完善的字體圖標庫Font Awesome（官方文檔），下面就開始介紹如何在一個nuxt項目中使用這套字體庫。 引入步驟 1.進入Font Awesome官方網址，下載字體庫，官方網址：http ...

nuxt中可以在頁面的head中單獨引入，也可以在nuxt.config.js文件中設定的默認head中引入，自己看情況而定； 那么有兩種方式可以將第三方庫引入到項目里面： 一種是npm 一種是CDN，下面都說一下： 第一種npm的方式下載到本地引入 ...

原文：http://menvscode.com/detail/5cdba33dae497f2f42a28ced 方法一：安裝 jquery 包 安裝命令 配置 nuxt.config.js 組件中使用 方法二：直接在 nuxt.config.js 中引入 ...

阿里巴巴的iconfont是一個很好的圖標庫，海量的素材可以快速滿足開發人員日常對圖標的訴求，我們采用symbol引用，官方介紹 創建SvgIcon組件 <template> <svg :class="svgClass" aria-hidden="true"> < ...