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