VUE全家桶第8页

基础：Vue-cli基础知识 2020年5月28日更新

课程初衷：前端+服务端技术内容：基础知识：vue全家桶基础Koa2核心知识串讲Nuxt.js快速入门实战重点：登录、注册SMTP服务城市服务推荐服务搜索服务地图服务购物车订单设计组件复用设计接口设计数据对象模型思维

前端可以很好玩·2020-09-11 07:14

一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构

项目地址：https://github.com/biaochenxuying/vue-family-mindmap文章的图文结合版[1]Vue-family.md[2]Vue-family.pdf[3]2.Vue

程序员一木·2020-09-11 04:13

【Vue全家桶+SSR+Koa2全栈开发】（三）Koa2基础

写在开头大家好，这里是lionLoveVue，基础知识决定了编程思维，学如逆水行舟，不进则退。金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理，github传送门，觉得不错，点个Star★，好运连连，Offer终究鼠于你，持续更新中。另外，也可以关注微信公众号：小狮子前端Vue，源码以及资料今后都会放在里面。Koa2基础koa-generator管理员身份打开c

一百个Chocolate·2020-09-10 20:32

使用vue全家桶制作博客网站

本文将详细介绍使用vue全家桶制作的博客网站概述该项目是基于vue全家桶（vue、vue-router、vuex、vueSSR）开发的一套博客前台页面，主要功能包括首页显示、认证系统、文章管理、评论管理和点赞管理

weixin_34320159·2020-09-10 19:29

基于Vue全家桶制作的的高仿美团APP

GitHub：github.com/bxm0927/vue…基于Vue全家桶(2.x)制作的美团外卖APP，一个媲美原生的移动端外卖App，项目完整、功能完备、UI美观、UE一流。技术栈【前端】

weixin_34265814·2020-09-10 19:40

vue全家桶+Koa2开发笔记(8)--开发网页

1.使用mongoose动态倒入数据mongoimport-dstudent-careasareas.dat-d后面是数据库名称；-c后面是表名称最后是数据源2.使用vue的watch监听的时候，是可以有参数的：watch:{pvalue:asyncfunction(value){console.log(value);}}参数value指的是pvalue的值。再如，下面的代码参数val表示的是fi

weixin_34199335·2020-09-10 19:44

基于vue全家桶实现的简易商城

介绍这是一个零食商城，原型来自一个慕课网的小程序，前段时间看别人用ReactNative写过一个迷你水果商城的时候发现了这个小程序，最近有空了，就用vue去实现一下。UI方面采用了vux组件库,数据服务由easy-mock伪造，vuex实现购物车的状态管理，主要就是这些，作为一个入门级的实践，有兴趣的小伙伴可以看看。在线DEMO：在线演示戳我（请使用chrome开发者手机演示模式预览）效果截图技术

weixin_34146410·2020-09-10 19:57

vue全家桶+Koa2开发笔记(6)--app开发

1.环境配置详见文章《Nuxt开发-项目初始化》1.1使用nuxt脚手架https://zh.nuxtjs.org/guide/installation1.2在node中不支持使用import，例如修改node的启动文件server/index.js中：constKoa=require('koa')为importKoafrom'koa'就会报错：解决方法：步骤一：在json文件中修改dev和sta

weixin_34107955·2020-09-10 19:16

Vue-Mall Vue全家桶+Node后端服务实现的商城

Vue-MallAVue.jsproject一、简介Vue全家桶项目，该项目是基于Vue全家桶开发的商城网站，采用的技术栈为Webpack+Vue+Vuex+Vue-router+Sass+Es6+LocalStorage

weixin_33965305·2020-09-10 19:12

个人关于vue全家桶开发规范的梳理

v-model的使用通过合理的设置set()和get()实现v-modelcomputed:{message:{get(){returnthis.$store.state.obj.message},set(value){this.$store.commit('updateMessage',value)}}}templateindex.html的配置常规template下，route对象不能方便的获

weixin_33806509·2020-09-10 19:58

vue全家桶+Koa2开发笔记(7)--登陆注册功能

1文件结构：pages中放置页面代码；server分为dbs和interface两个文件夹；dbs设置有关数据库的代码；interface设置接口信息；2.2先看dbs的，在dbs的配置文件config.js中定义：exportdefault{//该文件是配置文件，在server/index和interface中引入使用。dbs:'mongodb://127.0.0.1:27017/student

weixin_33701251·2020-09-10 19:33

vue全家桶之预渲染

vue全家桶@预渲染预渲染最近的项目首屏加载时间长的令人发指，因此仔细研究了预渲染。服务端渲染（SSR）和预渲染（Prerender）技术都可以解决SEO问题和加载时间长问题。

东西南瓜X·2020-09-10 15:11

【Vue全家桶+SSR+Koa2全栈开发】（五） Redis基础

写在开头大家好，这里是lionLoveVue，基础知识决定了编程思维，学如逆水行舟，不进则退。金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理，github传送门，觉得不错，点个Star★，好运连连，Offer终究鼠于你，持续更新中。另外，也可以关注微信公众号：小狮子前端Vue，源码以及资料今后都会放在里面。Redis基础cookie和session引入这里就要

一百个Chocolate·2020-09-10 10:39

vue全家桶+Koa2开发笔记(2)--koa2

1.安装koa脚手架的时候执行命令koa2-ekoa-learn注意要使用-e的方式，才会生成ejs的模板2.asyncawait的使用方法：存在的意义：提高promise的可读性async是异步函数，写成来同步的形式，如：async()=>{consta=awaitA;constb=awaitB;constc=awaitC}而Promise是以then形式，级连往下走的：newPromise(f

weixin_34319640·2020-09-10 10:53

Vue全家桶+koa2+MySql（sequelize）重构“零食商贩”项目

前言原项目使用微信小程序配合ThinkPHP5.0打造的微信小程序商城，作为一名“中端工程师”来讲能够使用javascript前后一起梭也是工作之余非常愉快的事情。所以如果你也想梭一把，那么可以继续往下看。github项目地址项目不足1.前端部分没有100%还原设计稿，因为压根就没有设计稿。唯一的标准就是自己的“像素眼”。2.作为WEB项目自然而然就阉割了微信的登录与支付体系。当然登录体系也许会加

weixin_34037173·2020-09-10 10:44

vue全家桶+Koa2开发笔记(4)--redis

redis用来在服务器端存放session1安装redisbrewinstallredis启动redisredis-server2安装两个中间件npmikoa-generic-sessionkoa-redis用来连接koa和redis用来操作session3.在app.js中设置如下：constsession=require('koa-generic-session')constRedis=req

weixin_34025151·2020-09-10 10:13

vue移动端小说阅读器vue全家桶项目，已部署到服务器可访问预览

暑假实习了几个月辞职后，闲着无聊自己开发的一个vue小说阅读器链接预览地址，里面的小说接口调用的是追书神器，然后我把里面的vip和收费章节做了处理加了个换源功能，里面需要收费或者vip的小说都可以免费看，此项目不做商用仅供学习无需登录无广告。项目源码我已经上传到github，源码地址觉得可以的话点个star共同进步~^_^~技术栈vuevue-cli3vue-routervuexes6webpac

巷北esply·2020-09-10 10:28

【 Vue全家桶 · Vue（三）】模板语法 —— 基础插值指令

文章目录一.文本插值1.1Mustache语法(双大括号{{}})1.2v-text1.3v-once二.HTML片段三.属性（Attribute）3.1v-bind指令3.2class绑定3.3style绑定四.简单JavaScript表达式一.文本插值1.1Mustache语法(双大括号{{}})数据绑定最常见的形式。HTML文档解析的时候，Vue会自动将Mustache标签内的属性名替换为对

Code_Zevin_J·2020-09-03 16:18

vue + iview 项目实践总结【完】

最近我们参与开发了一个（年前了）BI项目，前端使用vue全家桶，项目功能基本开发完成，剩下的修修补补，开发过程还算顺畅，期间遇到好多问题，也记录了一下，发出来一起交流，主要是思路，怎么利用vue给的API

weixin_34269583·2020-08-26 08:50

vuethink安装

vuethink下载地址：https://github.com/honraytech/VueThink项目介绍VueThink是一套基于Vue全家桶（Vue2.x+Vue-router2.x+Vuex）

cxh20777·2020-08-25 17:51

一个vue全家桶搭建的SPA应用框架

前段时间vue3推出了bata版本，但是离正式版还有段时间，今天给搭建提供一个由#vue-cli4+vue2.6+vuex+vue-router+axios+element-ui搭建的框架，让大家能快速开发，跳过复杂的项目创建与配置过程。项目已经封装好了请求和工具，指令和常用函数：vue-cli脚手架Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应

咸鱼翻身ing·2020-08-24 17:03

用vue全家桶+koa2+soket.io +mysql写一个聊天应用

vue-chatairchat介绍这是我的毕设项目，产品功能和页面参照qq，微信，TIM，不完全一样，有些是自己的想法。前后端都自己写。感觉是一个挺不错的全栈入门项目，各种交互各种业务逻辑，不花哨，但实用。对node（koa）和vue学习会挺有帮助，现在开源出来，接下去将继续不断完善?欢迎star更新：electron-vue-chat：vue-chat的Electron桌面版本项目地址正在写re

weixin_33736832·2020-08-24 17:46

IT社区论坛交流设计与实现（毕业设计）

前端应用技术栈：vue全家桶；后端node.js（express);数据库mongodb。

twh_HelloWorld·2020-08-24 16:59

(保姆级教程)如何部署博客到服务器上

前端：vue全家桶后端：koa2数据库：mongodb运行环境：node.jsCDN：七牛云服务器：(腾讯云)Ubuntu18+nginx购买云服务器和域名腾讯云、阿里云等都可以购买服务器和域名，网上有很多教程

Woc12138·2020-08-24 16:43

基于Vue、vue-i18n实现国际化（多语言）

vue-i18n官网https://kazupon.github.io/vue...项目用vue-cli构建，用到vue全家桶及webpack、iview。

will·2020-08-24 14:43

Vue全家桶实现一个Web App

vue-jumei-app好的生活，聚集美丽，成人之美！从现在做起！效果预览?预览地址：[请点我！在线预览，手机浏览或切换浏览器移动调试]()PS：google浏览器在切换不同的手机测试，需要重新刷新页面；安卓手机可能不适应?源码地址：Github在这里项目描述技术栈Vue2.0全家桶+axios+Vuex+Mint-Ui+Mock.js+Stylus前端部分Vue2.0前端页面的展示SPA单页应

李小末·2020-08-24 13:01

Vue首屏加载优化

环境VueCLI3+Vue全家桶服务器1核2GB1Mbps（最大128kb/s）分析工具VueCLIUI下的分析工具肉眼对比打包后文件大小对优化方法的分类下载资源阶段加载渲染阶段页面操作阶段本文只讨论下载阶段开始直接启动

Wermdany·2020-08-24 09:13

Vue小模块之功能全面的表格（一）用Element创建基本页面布局

Vue小模块之功能全面的表格（一）用Element创建基本页面布局技术栈Vue全家桶：前端框架Vue.js状态管理Vuex动态路由匹配vue-routerhttp服务axios模块打包webpackUI

究极死胖兽·2020-08-23 19:34

前端早班车第三节课：vue的模版语法-数据绑定

早班车的工作人员一直在线，等待你们来撩～本文原文地址前端早班车第三节：vue的模版语法-数据绑定最新版vue3.5手脚架，全网最新一手教程Vue全家桶是一套集成框架，易于开发、热加载、加载工具、发布等诸多功能

帅呈前端·2020-08-23 06:48

VUE+Cordova项目构建的初步版本

1.由于weex目前还有很多坑需要填，暂时不选择它了，继续使用cordova打包2.个人比较喜欢VUE，所以下一个项目准备用VUE全家桶+Cordova打包来做3.构建过程①安装好node，自带npm②

Miamin·2020-08-22 20:50

vue全家桶仿小红书开源项目

项目依赖使用vue-cli2.0搭建项目框架使用vue-router2.7进行页面路由切换使用jsonserver进行http请求获取数据mock假数据存储在本地使用stylus编写样式vuex进行状态管理better-scroll优化滚动效果vue-awesome-swiper轮播图flexible.js10rem解决移动端设备兼容效果演示项目github地址：项目请戳这预览地址：预览请戳这项目

weixin_34293902·2020-08-22 19:52

Vue电商项目

vue电商项目的总结项目地址:https://gitee.com/monhly/shop_Mall1、项目描述1、此项目为一个前后端分离的电商实战项目2、采用了Vue全家桶+ES6+Webpack等前端最新技术

Ultraman and Monster·2020-08-22 18:58

使用 Hbuild 快速构建生成现代化前端项目

Hbuild是一套结合cli命令行以及项目模板的工具，通过命令行的方式实现快速构建，使得整套开发的成本大为下降，同时它还提供了三套项目模板（h5,vue全家桶，react），可在本地环境自由定制。

1叶知秋灬·2020-08-22 18:25

[记录三] Vue(全家桶)+node+koa2+mysql+nginx+redis，全栈博客项目前端部分完善

这是第三篇，主要讲node，webpack和vue-cli环境的搭建，使用vue全家桶，写好路由，构建静态页面，完善前端的一些功能。

git小米粥·2020-08-22 15:11

[记录四] Vue(全家桶)+node+koa2+mysql+nginx+redis，博客全栈项目之web前端页面完结和路由的编写

这是第二篇，主要讲node，webpack和vue-cli环境的搭建，使用vue全家桶，完成构建静态页面，写好路由。

git小米粥·2020-08-22 15:11

Vue全家桶 - 项目优化上线

项目优化1.1项目优化策略使用NProgress进度条Loading效果1.安装依赖npminprogress--save2.引入importNProgressfrom'nprogress'import'nprogress/nprogress.css'3.在request拦截器中,展示进度条nprogress.start()在response拦截器中,隐藏进度条NProgress.done()产品

gogopaner·2020-08-22 14:17

Vue-router实现单页面应用在没有登录情况下，自动跳转到登录页面

先讲讲这个功能的实现场景吧，我们小组使用vue全家桶实现了一个单页面应用，最初就考虑对登录状态做限制。比如登录后不能后退到登录页面，退出到登录页面后，不能后退刚刚登录的页面。

weixin_33701251·2020-08-22 14:14

vue全家桶之vuex

vuexvuex的由来vuex是一个数据共享状态管理的仓库，主要用于中大型项目中的复杂页面之间的组件传值（作者个人理解：类似于github的一种数据共享的仓库）它是一种类似于facebook中Fluxvuex的安装和在组件中的使用安装在项目中使用npmivuex-s进行安装使用首先创建一个store（仓库）的文件夹，里面新建index.js文件，或者是模块化操作跟引入组件的方式一样的引入但是得引入

前端背锅侠·2020-08-22 13:01

VUE全家桶项目实战-- 3.根界面和路由的配置,登录界面设计

VUE全家桶项目实战--3.根界面和路由的配置,登录界面设计一.App.vue根界面的配置二.在components路径下创建login.vue三.配置路由router四.后端跨域配置一.App.vue

朗里格儿浪·2020-08-22 12:21

Vue全家桶+SSR+Koa2全栈开发美团网⑤——Nuxt.js基础

安装和启动nuxt.js项目npxcreate-nuxt-appnpmrundev在pages目录下创建的vue组件会直接展示在页面上，也就是在创建的v这个ue组件时一起创建了一个aaa的路由假如创建了一个aaa.vue组件，那么访问http://localhost:3000/aaa就能直接访问到这个组件页面示例：创建一个服务端接口来返回数据在server目录下创建interface目录，此目录下

Vansal·2020-08-22 12:46

Vue全家桶-前端工程化(模块化)

gogopaner·2020-08-22 11:07

Vue全家桶-Vuex

1.Vue概述1.1组件之间共享数据的方式父向子传值:v-bind属性绑定子向父传值:v-on事件绑定兄弟组件之间共享数据:EventBus$on接收数据的那个组件$emit发送数据的那个组件1.2Vuex是什么Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享1.3使用Vuex统一管理状态的好处1.能够在Vuex中集中管理共享的数据,易于开发和后期维护2.能够高效

gogopaner·2020-08-22 11:07

Vue全家桶之组件化开发

Vue全家桶之组件化开发一、组件化开发思想二、组件注册1.全局组件注册语法及使用2.组件注册注意事项3.局部组件注册语法及使用三、组件间数据交互3.1父组件向子组件传值（父→子）1.父组件通过属性名将值传递给子组件

解枷·2020-08-22 11:06

【Vue全家桶+SSR+Koa2全栈开发】（六） Nuxt.js基础

写在开头大家好，这里是lionLoveVue，基础知识决定了编程思维，学如逆水行舟，不进则退。金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理，github传送门，觉得不错，点个Star★，好运连连，Offer终究鼠于你，持续更新中。另外，也可以关注微信公众号：小狮子前端Vue，源码以及资料今后都会放在里面。Nuxt.js基础Nuxt.js是一个基于Vue.js

一百个Chocolate·2020-08-22 11:20

利用Vue全家桶+Express+mongodb搭建属于自己的简历博客网站

symbol_meProjectsetupnpminstallCompilesandhot-reloadsfordevelopmentnpmrunserveCompilesandminifiesforproductionnpmrunbuildLintsandfixesfilesnpmrunlint特色界面较为美观，并可自定义自己的简历信息，包括个人信息、就学经历、项目经历、个人技能信息项目信息存储

weixin_39697067·2020-08-22 11:44

Vue全家桶之Vue基础(2)

目录1.Vue常用特性1.1表单输入绑定1.2自定义指令1.3计算属性1.3.1基本使用1.3.2计算属性缓存vs方法1.4侦听属性及侦听器1.4.1基本使用1.5过滤器1.5.1基本使用1.6音乐播放器1.6.1功能演示1.6.2前置知识1.6.3示例代码2.综合案例2.1Vue之数组更新检测2.1.1变更方法2.1.2替换数组2.1.3注意事项2.2图书管理2.2.1图书列表1.Vue常用特性

Amo Xiang·2020-08-22 11:19

QQ音乐推荐歌单API报错 invalid referer

概述准备通过vue全家桶仿制一个QQ音乐播放器，绝大多数根据网上抓取下来的API都是没有问题的。

逸心丿·2020-08-22 11:12

Vue全家桶+TypeScript使用总结

重构完成的项目===>vue-qq-musicTypeScript与Vue全家桶的配置可以参考以下两篇文章（在这里由衷感谢两位作者）：vue+typescript新项目起手式Vue2.5+Types

JuLi距离·2020-08-21 20:40

Vue小模块之功能全面的表格（十）表格数据的Excel导入

Vue小模块之功能全面的表格（十）表格数据的Excel导入技术栈Vue全家桶：前端框架Vue.js状态管理Vuex动态路由匹配vue-routerhttp服务axios模块打包webpackUI框架element

究极死胖兽·2020-08-21 16:41

【Vue全家桶+SSR+Koa2全栈开发】（二）Vuex基础

写在开头大家好，这里是lionLoveVue，基础知识决定了编程思维，学如逆水行舟，不进则退。金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理，github传送门，觉得不错，点个Star★，好运连连，Offer终究鼠于你，持续更新中。另外，也可以关注微信公众号：小狮子前端Vue，源码以及资料今后都会放在里面。Vuex基础Vuex简单来说就是多个组件共享数据，但是

一百个Chocolate·2020-08-21 06:21

推荐频道

VUE全家桶