全情海洋

2021年2月22日

Object.keys()、Object.values()、Object.entries()的用法

摘要：转载：https://blog.csdn.net/weixin_43675447/article/details/99232258 一、Object.keys(obj) 参数：要返回其枚举自身属性的对象返回值：一个表示给定对象的所有可枚举属性的字符串数组处理对象，返回可枚举的属性数组 let p 阅读全文

posted @ 2021-02-22 11:28 全情海洋阅读(171) 评论(0) 推荐(0) 编辑

仿美团pc,koa+ssr（三）

摘要：一，通过SSR渲染，将城市服务的数据传给客户端，不是通过异步请求接口获取数据 store-->新建modules目录--》新建geo.js nuxt之vuex中使用nuxtServerInit方法官网介绍nuxtServerInit方法 https://zh.nuxtjs.org/guide/vu 阅读全文

posted @ 2021-02-22 10:47 全情海洋阅读(118) 评论(0) 推荐(0) 编辑

nuxt之vuex中使用nuxtServerInit方法

摘要：官网介绍nuxtServerInit方法 https://zh.nuxtjs.org/guide/vuex-store/#nuxtserverinit-%E6%96%B9%E6%B3%95 vuex中模块化使用示例挂载vuex中state模块及nuxtServerInit方法， store-->i 阅读全文

posted @ 2021-02-22 07:36 全情海洋阅读(2364) 评论(0) 推荐(1) 编辑

2021年2月21日

仿美团pc,koa+ssr（二）

摘要：一，注册和登录功能 pages-->新建register.vue 注册组件注：md5加密，crypto-js加密库 <template> <div class="page-register"> <article class="header"> <header> <a href="/" class= 阅读全文

posted @ 2021-02-21 22:44 全情海洋阅读(76) 评论(0) 推荐(0) 编辑

2021年2月20日

在nuxt引入element插件，报错，The client-side rendered virtual DOM tree is not matching server-rendered content

摘要：在nuxt引入element插件，报错，翻译：[Vue warn]：客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由于不正确的HTML标记造成的，例如在<p>中嵌套块级元素，或者缺少<tbody> 上图中出现的这个问题是element-ui没有允许在服务端使用导致的。在这elemen 阅读全文

posted @ 2021-02-20 11:03 全情海洋阅读(1640) 评论(0) 推荐(0) 编辑

Nuxt配置Element-UI按需引入方法

摘要：转载：https://www.cnblogs.com/jofun/p/13234973.html Nuxt 使用 create-nuxt-app 创建项目时，选择使用 Element-UI 为默认组件库，发现 Nuxt 没有开启 Element-UI 的按需引入配置，需要自行配置。安装依赖在 c 阅读全文

posted @ 2021-02-20 10:36 全情海洋阅读(527) 评论(0) 推荐(0) 编辑

2021年2月19日

在Nuxt.js如何使用Vuex最新教程

摘要：在项目开发过程中，遇到vuex报错 Classic mode for store/ is deprecated and will be removed in Nuxt 3. 在nuxt官网查了一下发现是不建议使用这种语法在 nuxtjs 升级到2.4之后，采用旧的 store 配置方式，配置 vu 阅读全文

posted @ 2021-02-19 15:54 全情海洋阅读(1659) 评论(0) 推荐(1) 编辑

nuxt.js 简述

摘要：原文链接：https://www.jianshu.com/p/b0626ba924c9 为什么使用nuxt.js? vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成html挂载于 id为app的DOM元素上，这样会存在两大问题。由于资源请求量大，造成网站首屏加载缓慢，不利于用户体验阅读全文

posted @ 2021-02-19 07:40 全情海洋阅读(550) 评论(0) 推荐(0) 编辑

nuxt项目中Delete `␍`eslint(prettier/prettier)错误

摘要：在项目根目录下的prettier.config.js文件中写入即可 module.exports = { semi: false, singleQuote: true, endOfline: 'auto', } 每次出现eslint错误，都要在这个文件重写下就可以了，心累或者yarn run li 阅读全文

posted @ 2021-02-19 07:35 全情海洋阅读(683) 评论(0) 推荐(0) 编辑

nuxt基础一

摘要： nuxt项目的文件夹目录 1.nuxt-link组件和router-link组件一样 2.pages文件夹中文件名就是路由路径名（无需配置路由路径），是页面组件。 laouts文件夹,是公共的模板的内容组件，公共的组件<Nuxt />，必须要加不过在 Nuxt.js 框架中，我们有了新的变化，la 阅读全文

posted @ 2021-02-19 07:28 全情海洋阅读(425) 评论(0) 推荐(0) 编辑

公告