摘要: 组件代码: <!-- * @Descripttion:表单组件--> <template> <div class='YxkForm'> <el-form :model="form" :ref="$attrs.formRef || 'ruleForm'" v-bind="formBind(formOb 阅读全文
posted @ 2023-11-17 16:23 忙着可爱呀~ 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 1、nuxt.config.js 文件内 注释 minimize: true ,上线前打开 阅读全文
posted @ 2023-09-16 10:07 忙着可爱呀~ 阅读(82) 评论(0) 推荐(0) 编辑
摘要: Nuxt执行顺序: 1、配置 nuxt.config.js (plugins) 2、中间件 middleware 3、匹配布局 layout(layout-created) 4、匹配页面 pages(page-created、mounted) 5、匹配布局 layout (layout-mounte 阅读全文
posted @ 2023-02-16 10:52 忙着可爱呀~ 阅读(578) 评论(0) 推荐(0) 编辑
摘要: 1、ui组件按需引入 (详见nuxt->vant按需引入) 2、请求分开服务端渲染及客户端渲染,并尽可能的减少请求 服务端渲染:需要 SEO 处理的,在 asyncData 内请求接口 客户端:不需要SEO处理的,在 mounted 内请求接口 3、no-ssr排除在服务端渲染的节点 页面内某部分不 阅读全文
posted @ 2022-12-30 14:47 忙着可爱呀~ 阅读(416) 评论(0) 推荐(0) 编辑
摘要: 1、安装 axios:npm install @nuxtjs/axios axios --save 代理: npm i @nuxtjs/proxy -D 2、配置 axios >>>nuxt.config.js modules: [ '@nuxtjs/axios', "@nuxtjs/proxy", 阅读全文
posted @ 2022-08-23 17:34 忙着可爱呀~ 阅读(353) 评论(0) 推荐(0) 编辑
摘要: 1、根目录下新建re-router.js /** * @description 自定义页面路由 * * 字段说明: * path:页面路径 * name:名称(大驼峰命名) * component:文件路径 **/ import path from 'path' const resolve = (p 阅读全文
posted @ 2022-08-23 17:33 忙着可爱呀~ 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 1、安装 npx create-nuxt-app <project name项目名称>注:npm4.0版本已内置 npx,无需重新安装 npx安装过程中按需选择所需要的插件 2、运行项目 npm run dev 3、配置本地服务(看个人需求) >>>nuxt.config.js 文件内 server 阅读全文
posted @ 2022-08-19 09:55 忙着可爱呀~ 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 一、不自定义路由下,如何使用自定义布局 1、根目录下 app.vue <template> <div> <NuxtLayout> <NuxtPage /> </NuxtLayout> </div> </template> 2、layout 文件夹下新建文件 main.vue <template> < 阅读全文
posted @ 2024-04-03 13:46 忙着可爱呀~ 阅读(2412) 评论(0) 推荐(0) 编辑
摘要: Nuxt3 环境变量 1、创建 .env 文件 // .env.development 本地环境 NUXT_NODE_ENV = development NUXT_BASE_URL = http://yfnimg.bestsmell.cn:10011 // .env.test 预发环境 NUXT_N 阅读全文
posted @ 2024-03-07 10:51 忙着可爱呀~ 阅读(1816) 评论(0) 推荐(0) 编辑
摘要: Nuxt3使用 tailwindcss 文档:https://www.tailwindcss.cn/docs/installation 安装文档:https://tailwindcss.nuxtjs.org/getting-started/installation 1、安装 @nuxtjs/tail 阅读全文
posted @ 2024-03-06 13:39 忙着可爱呀~ 阅读(515) 评论(0) 推荐(0) 编辑
摘要: Nuxt3-pinia环境下实现数据持久化 1、安装 yarn add pinia @pinia/nuxt 然后进行配置,修改nuxt.config.ts export default defineNuxtConfig({ devtools: { enabled: false }, typescri 阅读全文
posted @ 2024-03-05 18:09 忙着可爱呀~ 阅读(1382) 评论(0) 推荐(1) 编辑
摘要: Nuxt3 -layout 使用 更多方式查看官网:https://57code.gitee.io/nuxt3-docs-zh/directory-structure/layouts.html 注:default 布局组件 在页面中会自动引入,不用再次手动引入;此处是作为示例,非 default 名 阅读全文
posted @ 2024-03-05 15:34 忙着可爱呀~ 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 方法1:npx 安装,需要node 版本 >= 18 npx nuxi init 项目名称注:因为地区的原因,该方法需要 当前 Ip 支持访问 raw.githubusercontent.com不支持下的解决:更改host配置:示例 在host最后一行加上 185.199.109.133 raw.g 阅读全文
posted @ 2024-03-05 15:26 忙着可爱呀~ 阅读(223) 评论(0) 推荐(0) 编辑
摘要: https://docs.fundebug.com/notifier/javascript/integration/ 阅读全文
posted @ 2023-11-17 16:50 忙着可爱呀~ 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 2、ES6特性 1)箭头函数 。简化函数的写法 1)const foo = function foo(arr,num) { console.log('foo:常规函数') } 2)const foo = (arr,num) => { console.log('foo:箭头函数') } 3)const 阅读全文
posted @ 2023-11-17 16:49 忙着可爱呀~ 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 框架 1)AngularJS 构建和维护复杂的网页应用; Angular 采用 MVC 架构。它提供了 Model 层和 View 层之间双重数据绑定。这种数据绑定方式的好处是不管哪边数据改变,都会自动的更新两边的数据。这有助于你构建可服用的 View 组件。它还提供了一个前后端服务易于交互的服务框 阅读全文
posted @ 2023-11-17 16:48 忙着可爱呀~ 阅读(43) 评论(0) 推荐(0) 编辑
摘要: https://toutiao.io/c/fe?f=hot https://toutiao.io/subjects/64109?page=2 阅读全文
posted @ 2023-11-17 16:48 忙着可爱呀~ 阅读(5) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示