随笔分类 - nuxt
摘要：一，地点详情页 product.vue组件，点击h3标题，跳转到对应地点的详情detail路径 <template> <dl class="s-item"> <dt> <img :src="meta.img" alt="商品图片"> </dt> <dd> <h3><nuxt-link :to="{p
阅读全文
摘要：一,地点详情页功能开发 1.在searchbar.vue组件，点击热门景点，跳转到景点详情页，keyword中文需要编码下 <template> <div class="search-panel"> <el-row class="m-header-searchbar"> <el-col :span=
阅读全文
摘要：一，城市服务功能 components-->新建changeCity目录--》新建isselect.vue组件 <template> <div class="m-iselect"> <span class="name">按省份选择:</span> <el-select v-model="pvalue
阅读全文
摘要：一，通过SSR渲染，将城市服务的数据传给客户端，不是通过异步请求接口获取数据 store-->新建modules目录--》新建geo.js nuxt之vuex中使用nuxtServerInit方法 官网介绍nuxtServerInit方法 https://zh.nuxtjs.org/guide/vu
阅读全文
摘要：官网介绍nuxtServerInit方法 https://zh.nuxtjs.org/guide/vuex-store/#nuxtserverinit-%E6%96%B9%E6%B3%95 vuex中模块化使用示例 挂载vuex中state模块及nuxtServerInit方法， store-->i
阅读全文
摘要：一，注册和登录功能 pages-->新建register.vue 注册组件 注：md5加密，crypto-js加密库 <template> <div class="page-register"> <article class="header"> <header> <a href="/" class=
阅读全文
摘要：在nuxt引入element插件，报错， 翻译：[Vue warn]：客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由于不正确的HTML标记造成的，例如在<p>中嵌套块级元素，或者缺少<tbody> 上图中出现的这个问题是element-ui没有允许在服务端使用导致的。 在这elemen
阅读全文
摘要：转载：https://www.cnblogs.com/jofun/p/13234973.html Nuxt 使用 create-nuxt-app 创建项目时，选择使用 Element-UI 为默认组件库，发现 Nuxt 没有开启 Element-UI 的按需引入配置，需要自行配置。 安装依赖 在 c
阅读全文
摘要：在项目开发过程中，遇到vuex报错 Classic mode for store/ is deprecated and will be removed in Nuxt 3. 在nuxt官网查了一下发现是不建议使用这种语法 在 nuxtjs 升级到2.4之后，采用旧的 store 配置方式，配置 vu
阅读全文
摘要：原文链接：https://www.jianshu.com/p/b0626ba924c9 为什么使用nuxt.js? vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成html挂载于 id为app的DOM元素上，这样会存在两大问题。 由于资源请求量大，造成网站首屏加载缓慢，不利于用户体验
阅读全文
摘要：在项目根目录下的prettier.config.js文件中写入即可 module.exports = { semi: false, singleQuote: true, endOfline: 'auto', } 每次出现eslint错误，都要在这个文件重写下就可以了，心累 或者yarn run li
阅读全文
摘要：nuxt项目的文件夹目录 1.nuxt-link组件和router-link组件一样 2.pages文件夹中文件名就是路由路径名（无需配置路由路径），是页面组件。 laouts文件夹,是公共的模板的内容组件，公共的组件<Nuxt />，必须要加 不过在 Nuxt.js 框架中，我们有了新的变化，la
阅读全文
摘要：1. 利用Vue.js的通用 应用框架nuxt安装项目 命令行输入；npx create-nuxt-app 包名 （node中自带npx）,最新的nuxt是3.2，不会自动搭建服务端server文件了，2.92版本有 最新的版本的服务搭建详情：https://www.cnblogs.com/fsg6
阅读全文
摘要：1、支持ES6+语法，以server/index.js为例，将require修改为ES6的import模式： 初始化： 解决方法： （1）修改package.json文件，在“dev”和“start”命令后面新增：--exec babel-node （2）项目根目录下新增babel配置文件“.bab
阅读全文
摘要：转载来源：https://blog.csdn.net/jokerjiaojiao/article/details/108041009 本文参考官方文档的具体位置： dev配置属性：https://www.nuxtjs.cn/api/configuration-dev nuxt命令：https://w
阅读全文
摘要：最近在学习基于vue全家桶+ssr+koa仿M团PC端网站，因为里面的中间件版本比较旧，于是自己就搭建了新版本的中间件，以下是期间遇到的坑，希望能帮助到正在学习这个项目到人。 创建项目通过npx命令，npm5+版本自带到命令,这里注意要指定create-nuxt-app版本，目前最新版本是3.2.0
阅读全文