Fork me on GitHub

随笔分类 -  Nuxt.js

记录Nuxt技术相关的内容
摘要:主要知识点: 1.使用vuex/store管理数据 2.登录注册逻辑 3.Nuxt的本地存储 1.登录页面 1.1登录页面布局 替换pages/user/login.vue的代码如下 <template> <div class="container"> <!-- 主要内容 --> <el-row t 阅读全文
posted @ 2019-07-16 03:55 replaceroot 阅读(1489) 评论(0) 推荐(0)
摘要:页面效果: 1.初始化默认布局 nuxtjs提供了一个公共布局组件layouts/default.vue,该布局组件默认作用于所有页面,所以我们可以在这里加上一些公共样式,在下一小结中还会导入公共组件。 替换layouts/default.vue代码如下: <template> <div> <!-- 阅读全文
posted @ 2019-07-13 20:16 replaceroot 阅读(1368) 评论(0) 推荐(0)
摘要:1. 安装 使用官网提供的脚手架工具 create-nuxt-app,创建一个nuxtjs项目。 注意:在NPM版本5.2.0默认安装了npx,在命令行窗口输入npm --version可查看当前版本号 需要等待片刻安装依赖的下载,下载完成后可以看到下面的提示框,要求输入项目名称。 UI框架我们选择 阅读全文
posted @ 2019-07-11 08:33 replaceroot 阅读(808) 评论(0) 推荐(0)