
vue & vuex
文章平均质量分 54
vue&vuex
畏旧
这个作者很懒,什么都没留下…
展开
-
POST http://127.0.0.1:3000/login net::ERR_CONNECTION_RESE
解决vue项目报错POST http://127.0.0.1:3000/login net::ERR_CONNECTION_RESET通过报错可得知,发送post请求时,服务器端的接口/login拒绝连接我的错:在发送请求时,服务器端连接断开了因为服务器端报错 throw err; // Rethrow non-MySQL errors显示错误是,results未定义检查了我的代码,发现app.psot('/login',(req,res)=>{ let uname=req.bod原创 2021-03-17 14:46:39 · 23388 阅读 · 0 评论 -
vue项目中遇到的问题总结
webpack版本冲突,通过度娘,了解到是webpack的版本冲突~解决:取消安装webpacknpm uninstall webpack安装原来版本的webpacknpm install webpack@^4.0.0 --save-dev原创 2021-03-15 02:00:32 · 550 阅读 · 0 评论 -
在vue项目中写轮播图
用的是dom的方法,但是有一点bug还没解决<template> <div id="demo" class="carousel" :style="{width:innerWidth+'px'}" @mouseenter="stop" @mouseleave="start"> <!-- 轮播图片 --> <div class="carousel-inner" :class="ulClass" :style="ulStyle原创 2021-03-13 20:33:01 · 519 阅读 · 0 评论 -
解决在vue中v-for循环遍历图片不显示错误
<template> <div class="demo" :style="{width:innerWidth} + 'px' "> <div class="carousel-inner"> <div v-for="(img,i) of imgs" :key="i" class="carousel-item" :style="{width:innerWidth} + 'px' "> <img :src="img.src" :style=原创 2021-03-12 23:47:49 · 536 阅读 · 0 评论 -
Vuex中的辅助函数
Vuex中的辅助函数mapState()用来为组件创建计算属性以返回store中的statemapState(array|object)示例代码:<script>//导入mapState方法import { mapState } from "vuex";export default { computed:{ //数组形式,通过这个函数将vuex中的state ...mapState(["username","age","sex","products"]),原创 2021-02-22 21:53:48 · 244 阅读 · 0 评论 -
Vuex(1)实例的详细代码及步骤
Vuex(1)实例的详细代码及步骤使用脚手架,自己创建或者使用现成的,我使用的是现成的脚手架若创建脚手架,在cmd命令行中操作npm create 新建项目名[详细安装脚手架步骤指路->](https://blog.youkuaiyun.com/Janner668/article/details/113932309)store中的index.js是用来保存数据(应用程序)的,在store存储数据store - index.jsexport default new Vuex.Store(原创 2021-02-22 16:47:44 · 242 阅读 · 0 评论 -
脚手架的安装及配置过程
脚手架的安装及配置过程脚手架:已经拥有标准文件夹结构和核心功能的半成品项目脚手架的优点:标准化;避免重复编码安装专门生成脚手架项目副本的命令行工具/cli —— 准备工作npm是随同node.js一起安装的包管理工具,能解决node.js代码部署上的很多问题由于npm的默认仓库是国外的,慢且不稳定,所以,改变npm的默认仓库:设置npm的默认仓库为国内的淘宝镜像2种(选一种即可): (1)npm config set registry http://registry.npm.taoba原创 2021-02-22 11:45:25 · 678 阅读 · 0 评论 -
Vuex概念及实例(1)
Vuex概念Vuex专门为vue.js应用程序开发的状态管理模式——实现各个组件间的数据的共享Vuex采用集中式存储来管理应用中所有组件的状态。常见的应用状态:用户登录状态购物车信息社交平台中的通知vuex本质上就是vue的一个插件安装第一种:在通过vue create命令创建脚手架,选取vuex第二种:通过npm npm install --save vuex状态管理建议存储在src store/index.js中store仓库仓库中 — 物品 state— 库管员 ge原创 2021-02-21 23:29:09 · 161 阅读 · 0 评论