sueRimn的博客

我的项目是Vue Cli3+Electron+Antd+Mongodb+expressMongodb和Studio 3T官网下载后安装。具体可谷歌或百度。然后启动Mongodb然后打开Studio 3T，连接数据库端口，右键新建一个数据库，我这里新建的数据库为login。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-olql8TPG-15742267565...

一、环境搭建1、安装Mock.js如果仅仅用作脱离后台的模拟数据，就安装在开发环境中：npm install mockjs -D2、安装axios-mock-adapteraxios-mock-adapter是一款axios的请求模拟调试器，可以使用它来实现请求拦截并模拟后台回复。npm install axios-mock-adapter -D二、使用（1）建立文件在src...

一、新建项目1、初始化项目打开cmd，新建一个项目，我使用的是electron-vue，输入以下命令：vue init simulatedgreg/electron-vue my-projectmy-project就是自己随便取名的项目名。然后提示正在下载模板，下完模板之后根据提示进行操作就行，输入你该输入的东西，然后一路Enter：初始化完毕之后，根据提示进行操作，进入项目文件夹...

关于vuex的简单理解在这篇文章中已经提过了，如何在vuex中管理mock数据呢。这是效果界面，所用的数据是mock模拟所得，使用vuex的store存储管理模拟数据。这是我的store目录结构，分成几个模块，以其中planList模块为例进行讲解。1.配置Vuex在modules文件夹中新建一个文件planList.js，然后在modules/index.js中导入import ...

Vuex概念理解和大多数文章都一样，从概念解释到引出问题再举例解决问题。官网中，Vuex是状态管理模式，将所有组件的状态集中式存储管理，并在相应的规则中发生变化。在我的理解中，组件的状态就是数据，Vuex就是一个集中存储管理所有组件的数据的仓库，当组件需要数据时，从仓库中获取对应数据。如果Vuex是一个仓库，那将整个项目比作超市，每个组件比作超市里不同的货架，货架上要摆放的货物就是状态（...

如果组件是一个单页面，组件之间存在父子关系，数据传递就需要根据父子不同的地位使用不同的办法。借助新建的Electron-vue项目自带的两个组件来说明。目录结构如下：其中LandingPage.vue是父组件，SystemInformation.vue是子组件。一、父组件向子组件传递数据父组件可通过Props向子组件传递数据。子组件：子组件显示从父组件获取的数...

Vue针对性笔记Github原文阅读MVVM(Model-View-ViewModel)模型MVVM分为Model、View、ViewModel三部分。Model代表数据模型，定义数据和业务逻辑，访问数据层 View代表视图，展示页面结构、布局和外观（UI） ViewModel代表视图模型，负责监听Model数据变化并更新视图，处理用户交互 Model和View是通过Vie...

vue实战记录（六）- vue实现购物车功能之地址列表选配vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据作者：狐狸家的鱼本文链接：vue实战-实现购物车功能（六）GitHub：sueRimn 主要实现地址页面的适配和设置地址默认与删除，以及更多显示的状态取反。address.html ...

vue实战记录（五）- vue实现购物车功能之商品总金额计算和单选全选删除功能vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据作者：狐狸家的鱼本文链接：vue实战-实现购物车功能（五）GitHub：sueRimn一、单价商品的金额计算整个操作过程是，商品的数量是可以控制的，可增可减，最少为1。并且在数量...

vue实战记录（四）- vue实现购物车功能之过滤器的使用vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据作者：狐狸家的鱼本文链接：vue实战-实现购物车功能（四）GitHub：sueRimn 一、过滤器filter1.定义Vue.js 允许自定义过滤器，可被用于一些常见的文本格式化 用在两个地方...

vue学习笔记（四）- cmd无法识别vue命令解决方法解决控制台无法识别vue命令问题作者：狐狸家的鱼本文链接：cmd无法识别vue命令解决方法GitHub：sueRimn在控制台输入vue会报以下错误：vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。所在位置 行...

vue实战记录（三）- vue实现购物车功能之渲染商品列表vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据作者：狐狸家的鱼本文链接：vue实战-实现购物车功能（三）GitHub：sueRimn 模仿网页考拉的购物车样式进行了一些修改，以上图片就是渲染后的效果。一、cart.js获取数据通过AJA...

vue实战记录（二）- vue实现购物车功能之创建vue实例vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据作者：狐狸家的鱼本文链接：vue实战-实现购物车功能（二）GitHub：sueRimn一、前言上一篇讲解了如何运用node.js+express搭建本地服务器，解决chrome浏览器跨域而导致无法...

vue实战记录（一）- vue实现购物车功能之前提准备vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据作者：狐狸家的鱼本文链接：vue实战-实现购物车功能（一）GitHub：sueRimn一、前提准备1、vue基础指令的使用：v-model 、v-text、v-show、v-if、v-bind、v-...

vue学习笔记（三）- vue2.x引入Element-uiwebpack+vue2.x+element-ui作者：狐狸家的鱼本文链接：vue2.x引入Element-uiGitHub：sueRimn  1、新建项目vue init webpack vue-elementUi //vue-elementUi是项目名cd vue-elementUi /...

vue学习笔记（二）- 数据绑定、列表渲染、条件判断vue的数据绑定和列表渲染的造轮子GitHub:八至作者：狐狸家的鱼 双向数据绑定Vue中数据的双向绑定-v-model数据->页面页面->数据适用：input、select、textarea<div id="app"> <!-- 数据输入 --&g...

Github：sueRimn1.cmd打开控制台进行创建项目（1）全局安装脚手架在命令行输入：npm install vue-cli -g（2）初始化项目继续输入：vue init webpack myvue(myvue是我取的项目名，根据个人需要进行设置)，然后一路enter就行，默认就是yes （3）进入项目目录项目初始化完成后继续输入：cd myv...