忙着可爱呀~

2022年12月30日

摘要： 1、ui组件按需引入（详见nuxt->vant按需引入） 2、请求分开服务端渲染及客户端渲染，并尽可能的减少请求服务端渲染：需要 SEO 处理的，在 asyncData 内请求接口客户端：不需要SEO处理的，在 mounted 内请求接口 3、no-ssr排除在服务端渲染的节点页面内某部分不阅读全文

posted @ 2022-12-30 14:47 忙着可爱呀~ 阅读(542) 评论(0) 推荐(0)

Nuxt 按需引入vant

摘要： 1、下载按需引入插件 npm i vant -S npm i babel-plugin-import -D 2、配置 >>>plugins->vant.js import Vue from 'vue' import { Button, } from 'vant' Vue.use(Button) >> 阅读全文

posted @ 2022-12-30 13:30 忙着可爱呀~ 阅读(337) 评论(0) 推荐(0)

2022年12月29日

Nuxt es6使用

摘要： 1、安装 cnpm i babel-core babel-preset-es2015 babel-cli 2、根目录下新建 .babelrc 文件 { "presets":["es2015"] } 3、修改 package.json dev & build : 在后面添加 --exec babel- 阅读全文

posted @ 2022-12-29 17:04 忙着可爱呀~ 阅读(20) 评论(0) 推荐(0)

Nuxt rem使用

摘要： 1、安装 npm i lib-flexible -S npm install postcss-px2rem save 2、配置 >>>plugins->lib-flexible.js import 'lib-flexible' >>>nuxt.config.js plugins -> plugins 阅读全文

posted @ 2022-12-29 16:44 忙着可爱呀~ 阅读(53) 评论(0) 推荐(0)

Nuxt VW使用

摘要： 1、安装 postcss-px-to-viewport 2、配置 >>>nuxt.config.js build: { vendor: ['vant'], postcss: { plugins: { // "postcss-px-to-viewport": { // unitToConvert: " 阅读全文

posted @ 2022-12-29 15:40 忙着可爱呀~ 阅读(92) 评论(0) 推荐(0)

Nuxt Sass使用

摘要： 1、安装 npm install --save-dev node-sass sass-loader@10 @nuxtjs/style-resources // 注：sass尽量指定版本，最新版本不兼容易出错 2、配置 >>>nuxt.config.js css: [ '~assets/style/m 阅读全文

posted @ 2022-12-29 11:01 忙着可爱呀~ 阅读(98) 评论(0) 推荐(0)

2022年11月30日

gulp4 搭建

摘要：一、安装 gulp 1、创建 package.json文件执行命令 npm init or npm init -y（以管理员身份创建） 2、安装 gulp 2.1）、全局安装 npm install gulp -g 2.2）、局部安装 npm install gulp --save-dev 3、配阅读全文

posted @ 2022-11-30 19:01 忙着可爱呀~ 阅读(12) 评论(0) 推荐(0)

2022年9月22日

Vue-VEditor（富文本）

摘要：组件代码：  <template> <div class='YxkEditor'>  <template> <div :class="[{'YxkEditor__noToolbar': params.hideToolba 阅读全文

posted @ 2022-09-22 18:43 忙着可爱呀~ 阅读(500) 评论(0) 推荐(0)

2022年9月16日

Nuxt 文件打包分析

摘要：添加文件大小分析代码 nuxt.config.js build: { ...... analyze: true, assetFilter: function (assetFilename) { return assetFilename.endsWith('.js'); } } 阅读全文

posted @ 2022-09-16 18:11 忙着可爱呀~ 阅读(61) 评论(0) 推荐(0)

Nuxt vue挂载自定义组件/方法

摘要：挂载组件 1、创建vue文件（以loading加载为例） <!-- * @description loading 加载 * @use <Loading :show='' :content=''/> 或 this.$loading(params) * @params 不传时默认 true * @par 阅读全文

posted @ 2022-09-16 15:15 忙着可爱呀~ 阅读(180) 评论(0) 推荐(0)

公告