![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
nuxtjs
橘子y
知识一点一滴的积累,记录下学习的旅程!
展开
-
富文本组件使用/vue2-editor在nuxt项目中的使用方式
Vue2Editor1.基本步骤安装npm install vue2-editor -S引入和注册import { VueEditor } from "vue2-editor";export default { components: { VueEditor }, .......其他代码使用 <el-form-item> <vue-editor v-原创 2020-11-16 12:12:03 · 1594 阅读 · 0 评论 -
项目中快速简单使用第三方库qrcode生成二维码
生成二维码下载第三方的生成二维码包npm install --save qrcode导入到页面中并使用// 生成二维码的包import QRCode from "qrcode";原创 2020-11-15 22:33:02 · 764 阅读 · 0 评论 -
闲云旅游项目开发-(第四篇:机票首页/机票搜索功能(`el-autocomplete`远程搜索组件)/moment.js的使用/日期选择组件el-date-picker)
一 机票首页布局二封装搜索组件组件布局相关组件介绍三 搜索功能思路实现步骤搜索分析 获取城市数据 下拉数据选中赋值 搜索跳转 城市切换 往返四 特价机票思路实现步骤特价机票布局 请求数据接口...原创 2020-11-13 21:56:41 · 1126 阅读 · 1 评论 -
闲云旅游项目开发-(第三篇:实现注册功能/发送验证码/使用vuex的store管理数据/nuxt错误拦截/剩余参数(属性语法))
目录一 退出功能二 注册功能 1. 思路2. 实现步骤2.1 新建注册表单组件2.2 表单数据绑定2.3 表单验证2.4 发送手机验证码2.5 注册接口2.6 注册成功后的 用户体验操作3.总结三 错误拦截1.nuxt 的插件机制2.新建axios拦截错误插件插件2.1 新建文件plugins/axios.js ,添加一下内容2.2 调用插件3.小结4.补充:使用原版 axios 封装时的拦截器写法5.拦...原创 2020-11-09 17:32:01 · 516 阅读 · 0 评论 -
闲云旅游项目开发-(第二篇:实现登录功能,使用vuex的store管理数据)
本章涉及知识点:使用vuex/store管理数据 登录注册逻辑 Nuxt的本地存储一 登录注册页布局pages/user/login.vue 的布局代码如下:<template> <div class="container"> <!-- 主要内容 --> <el-row type="flex" justify="center" align="mid...原创 2020-11-09 15:51:11 · 596 阅读 · 0 评论 -
vuex简单使用方式
使用vuex统一管理数据原创 2020-11-09 13:05:20 · 188 阅读 · 1 评论 -
闲云旅游项目开发-(第一篇:使用Element-ui实现主页轮播图)
业务需求:初始化布局 页头页脚公共组件 首页轮播图一 初始化默认全局布局nuxtjs 提供了一个公共组件 layouts/default.vue,相当于以前的app.vue 。该布局组件默认作用于所有的页面,所以我们可以再这里加上一些公共的样式layouts/default.vue代码如下:<template> <div> <!-- 这里相当于我们以前的app.vue --> <pageHeader><...原创 2020-11-07 21:56:33 · 2163 阅读 · 0 评论 -
Nuxt和普通的Vue
Nuxt是同构程序,这里的同构指的是一套代码,可以在浏览器运行,也可以在服务器(Nodejs)运行,也就是说可以同时使用浏览器的API和Nodejs的API。 普通的Vue页面只能使用浏览器的API,即使在Nodejs环境下开发也只是使用Webpack来编译打包。 Nuxt是前后端框架的集合,前端采用Vue,后端可选框架有Express、koa2, egg, api等,所以可以理解为Vue是一个页面模板的存在,类似于art-template , ejs Nuxt支持单页和多页应用。注意:虽然Nux原创 2020-11-09 13:08:12 · 8631 阅读 · 1 评论 -
快速搭建一个nuxt.js项目
目录1.初始化项目安装按照以下的步骤,根据你自己对项目的需要进行选择启动2.项目演示3.项目文件结构文件结构文件名文件功能4. 基本配置4.1 修改/删除默认文件4.2 创建页面目录4.3 创建组件目录5.修改配置5.1 举例:页面过渡效果样式(可选)5.2 修改nuxt.config.js 配置文件5.3添加less1.初始化项目nuxtjs项目跟vue cli脚手架类似,封装的东西会更加多一些 Nuxt.js 预设了利..原创 2020-11-06 12:03:52 · 2187 阅读 · 2 评论