随笔分类 -  nuxt.js

nuxt.js中引入lib-flexible 和 postcss-px2rem 实现pc自适应
摘要：最近一个需要用nuxt框架实现的pc自适应项目，从网上找了很多资料，最终完美实现 一、下载相关插件 npm i lib-flexible -Snpm i px2rem-loader -Dnpm install postcss-px2rem save 二、在plugins文件下新建 lib-flexi 阅读全文
posted @ 2021-10-07 14:28 IT小姐姐 阅读(2715) 评论(1) 推荐(0)
nuxt之vuex的使用
摘要：先来了解一下官网：https://www.nuxtjs.cn/guide/vuex-store 一、首先在 store 文件下新建一个index.js文件 const state = () => ({ flag: false }) const mutations = { add(state, dat 阅读全文
posted @ 2021-09-28 09:43 IT小姐姐 阅读(577) 评论(0) 推荐(0)
nuxt.js实现页面刷新功能
摘要：key 属性Key：String 或者Function key属性赋值到<router-view>，这对于在动态页面和不同路径中进行转换很有用。不同的key会使页面组件重新渲染。 设置key方法1 <nuxt :nuxt-child-key="someKey" /> 方法2 在页面组件中 expor 阅读全文
posted @ 2021-09-27 11:19 IT小姐姐 阅读(3130) 评论(0) 推荐(0)
nuxt 登录注册加重置密码
摘要：<!-- 登录弹框 --> <div class="mask" v-show="flag"> <div class="mask_content" v-show="type_d == 'sign'"> <p class="mask_gb" @click="cloces"> <img src="../s 阅读全文
posted @ 2021-09-27 09:08 IT小姐姐 阅读(186) 评论(0) 推荐(0)
nuxt.js中登录、注册（密码登录和手机验证码登录）
摘要：<!-- 登录弹框 --> <div class="mask" v-show="flag"> <div class="mask_content" v-show="type_d=='sign'"> <p class="mask_gb" @click="cloces"><img src="../stat 阅读全文
posted @ 2021-09-22 11:49 IT小姐姐 阅读(618) 评论(0) 推荐(0)
nuxt.js框架 如何打包 build
摘要：nuxt脚手架开发好项目后怎么打包 以下是脚手架的package.json部分代码 "scripts": { "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server", "build": "nuxt 阅读全文
posted @ 2021-09-06 09:05 IT小姐姐 阅读(1220) 评论(0) 推荐(0)
nuxt.js安装使用
摘要：首先要学会看文档，https://www.nuxtjs.cn/guide/configuration 一、创建项目，并运行 终端运行 npx create-nuxt-app <项目名> （npx（npx在NPM版本5.2.0默认安装了）），填写完项目信息后进入项目目录运行 npm run dev即可 阅读全文
posted @ 2021-08-07 11:10 IT小姐姐 阅读(230) 评论(0) 推荐(0)