1.环境配置 详见文章<Nuxt 开发 - 项目初始化> 1.1  使用nuxt脚手架  https://zh.nuxtjs.org/guide/installation 1.2 在node中不支持使用 import,例如修改node的启动文件 server/index.js 中: const Koa = require('koa')  为  import Koa from 'koa' 就会报错: 解决方法: 步骤一:在json文件中修改 dev和start命令: "scripts&…
1 文件结构:pages中放置页面代码:server 分为 dbs 和interface两个文件夹: dbs设置有关数据库的代码:interface设置接口信息: 2.2 先看dbs的,在dbs的配置文件config.js中定义: export default { //该文件是配置文件,在 server/index 和interface 中引入使用. dbs:'mongodb://127.0.0.1:27017/student',//配置数据库host和数据库名字student redis:{…
1. nuxt项目初始化报错 下面是使用 koa 模板方法初始化一个项目,使用该方法需要将 nuxt 的版本降至1.4.2: 官方 https://zh.nuxtjs.org/guide/installation 还要提供了脚手架工具,可用使用最新的nuxt2.0版本初始化一个项目. $ vue init nuxt-community/koa-template <project-name> $ cd <project-name> $ npm run dev <!-- 1. 如…
1. 安装koa脚手架的时候 执行命令 koa2 -e koa-learn 注意要使用-e的方式,才会生成ejs的模板 2. async await的使用方法:存在的意义:提高promise的可读性 async是异步函数,写成来同步的形式,如: async()=>{ const a = await A; const b = await B; const c = await C } 而 Promise 是以then形式,级连往下走的: new Promise(function(resolve,re…
1.使用 mongoose 动态倒入数据 mongoimport -d student -c areas areas.dat -d 后面是数据库名称: -c后面是表名称 最后是数据源 2.使用vue的watch监听的时候,是可以有参数的: watch:{ pvalue:async function(value){ console.log(value); } } 参数value指的是 pvalue的值.再如,下面的代码参数val表示的是firstName和lastName var vm = new…
1.  安装webpack的问题: webpack坑系列--安装webpack-cli 2.  vue-cli(vue脚手架)超详细教程 3.  在命令行中使用 touch 执行新建文件: 4.  关于Vue.use()详解 5. vuex 最简单的介绍   目录如左侧所示,主要是标红的三个文件. 5.1 store文件,编写vuex的各个功能,包括: import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state…
redis用来在服务器端存放session 1 安装redis    brew install redis 启动redis   redis-server 2 安装两个中间件  npm i koa-generic-session koa-redis 用来连接koa 和 redis 用来操作session 3. 在app.js中设置如下: const session = require('koa-generic-session') const Redis = require('koa-redis')…
1. 安装 momgodb brew install mongodb安装成功后执行 which mongod启动:mongod 2. 下载可视化操作数据库的软件 https://robomongo.org/download    Robo 3T 先启动数据库监听,然后再打开该软件,链接 3. mongoose 中文文档  https://mongoose.shujuwajue.com/ 4.启动数据库报错: mongo exception in initAndListen: NonExisten…
大家好,我是河畔一角,时隔半年再次给大家带来一门重量级的实战课程:<Vue全家桶高仿小米商城>,现在很多公司都在参与到商城的构建体系当中,因此掌握一套商城的标准开发体系非常重要:商城的开始时非常复杂的,包括众多的页面设计和交互,以及非常丰富的知识点,所以一旦学会商城开发,其它系统完全不在话下. 下面给大家介绍一下小米商城包含的知识点和内容: 商城的页面流程: 商城组件部分: NavHeader(导航头组件).NavFooter(导航底部组件).ServiceBar(服务条组件).Product…
一.开发背景 为了全面的熟悉Vue+Vue-router+Vuex+axios技术栈,结合V2EX的开放API开发了这个简洁版的V2EX. 在线预览 (为了实现跨域,直接npm run dev部署的,首次加载略慢) API来自官方以及djyde的整理. 项目地址:v2ex-vue 二.项目演示 分类页 文章页 & 用户页 懒加载 路由 首页默认显示最新的帖子 首页 / 全部 /topic 分类 /topic/:name 文章 /article/:id 用户 /user/:name 三.项目优势…