随笔分类 -  VUE

Electron-vue实战（二）— 请求Mock数据渲染页面
摘要：Electron-vue实战（二）— 请求Mock数据渲染页面 作者：狐狸家的鱼 本文链接 GitHub：sueRimn 一、环境搭建 Electron-vue实战（二）— 请求Mock数据渲染页面 作者：狐狸家的鱼 本文链接 GitHub：sueRimn 一、环境搭建 1、安装Mock.js 1、 阅读全文
posted @ 2019-07-04 09:33 狐狸家的鱼 阅读(2483) 评论(0) 推荐(0)
Electron-vue实战（一）—搭建项目与安装Element UI
摘要：Electron-vue实战—搭建项目与安装Element UI 作者：狐狸家的鱼 本文链接 GitHub：sueRimn 一、新建项目1、初始化项目打开cmd，新建一个项目，我使用的是electron-vue，输入以下命令： 1my-project就是自己随便取名的项目名。 然后提示正在下载模板， 阅读全文
posted @ 2019-06-28 11:20 狐狸家的鱼 阅读(4419) 评论(0) 推荐(1)
Electron-vue实战（三）— 如何在Vuex中管理Mock数据
摘要：Electron-vue实战（三）— 如何在Vuex中管理Mock数据 作者：狐狸家的鱼 本文链接：Vuex管理Mock数据 GitHub：sueRimn 在vuex中管理mock数据 关于vuex的简单理解在这篇文章中已经提过了，如何在vuex中管理mock数据呢。 这是效果界面，所用的数据是mo 阅读全文
posted @ 2019-06-25 17:41 狐狸家的鱼 阅读(1675) 评论(0) 推荐(0)
vue学习笔记（六）— 关于Vuex可以这样简单理解
摘要：关于Vuex可以这样简单理解 作者：狐狸家的鱼 本文链接：关于Vuex GitHub：sueRimn 概念理解 和大多数文章都一样，从概念解释到引出问题再举例解决问题。 官网中，Vuex是状态管理模式，将所有组件的状态集中式存储管理，并在相应的规则中发生变化。 在我的理解中，组件的状态就是数据，Vu 阅读全文
posted @ 2019-06-25 16:17 狐狸家的鱼 阅读(360) 评论(0) 推荐(0)
vue学习笔记（五）— 组件通信
摘要：关于vue父子组件通信 作者：狐狸家的鱼 本文链接：vue组件通信 GitHub：sueRimn 如果组件是一个单页面，组件之间存在父子关系，数据传递就需要根据父子不同的地位使用不同的办法。 借助新建的Electron-vue项目自带的两个组件来说明。 目录结构如下： 其中LandingPage.v 阅读全文
posted @ 2019-05-28 16:03 狐狸家的鱼 阅读(336) 评论(0) 推荐(0)
Vue针对性笔记
摘要：Github原文阅读 MVVM(Model-View-ViewModel)模型 MVVM分为Model、View、ViewModel三部分。 Model代表数据模型，定义数据和业务逻辑，访问数据层 View代表视图，展示页面结构、布局和外观（UI） ViewModel代表视图模型，负责监听Model 阅读全文
posted @ 2019-03-20 13:40 狐狸家的鱼 阅读(883) 评论(0) 推荐(2)
vue学习笔记（四）- cmd无法识别vue命令解决方法
摘要：解决控制台无法识别vue命令问题 作者：狐狸家的鱼 本文链接：cmd无法识别vue命令解决方法 GitHub：sueRimn 在控制台输入vue会报以下错误： 尝试了好几种办法： 1.重新安装vue和脚手架 卸载原有的： 然后清除缓存 重新安装： 在cmd输入vue命令如果还是报错，就说环境变量需要 阅读全文
posted @ 2019-02-26 13:38 狐狸家的鱼 阅读(12993) 评论(3) 推荐(1)
vue学习笔记（三）- vue2.x引入Element-ui
摘要：webpack+vue2.x+element-ui 作者：狐狸家的鱼 本文链接：vue2.x引入Element-ui GitHub：sueRimn 1、新建项目 2、安装Loader模块 3、安装Element-ui框架 4、修改webpack.base.conf.js 在配置里添加这些代码： 5、 阅读全文
posted @ 2019-02-21 14:02 狐狸家的鱼 阅读(1518) 评论(0) 推荐(0)
vue实战记录（六）- vue实现购物车功能之地址列表选配
摘要：vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据 作者：狐狸家的鱼 本文链接：vue实战-实现购物车功能（六） GitHub：sueRimn 主要实现地址页面的适配和设置地址默认与删除，以及更多显示的状态取反。 address.ht 阅读全文
posted @ 2019-02-20 13:21 狐狸家的鱼 阅读(922) 评论(0) 推荐(1)
vue实战记录（五）- vue实现购物车功能之商品总金额计算和单选全选删除功能
摘要：vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据 作者：狐狸家的鱼 本文链接：vue实战-实现购物车功能（五） GitHub：sueRimn 一、单价商品的金额计算 整个操作过程是，商品的数量是可以控制的，可增可减，最少为1。并且在 阅读全文
posted @ 2019-01-31 17:33 狐狸家的鱼 阅读(10643) 评论(0) 推荐(1)
vue实战记录（四）- vue实现购物车功能之过滤器的使用
摘要：vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据 作者：狐狸家的鱼 本文链接：vue实战-实现购物车功能（四） GitHub：sueRimn 一、过滤器filter 1.定义 Vue.js 允许自定义过滤器，可被用于一些常见的文本格 阅读全文
posted @ 2019-01-31 11:07 狐狸家的鱼 阅读(894) 评论(0) 推荐(0)
vue实战记录（三）- vue实现购物车功能之渲染商品列表
摘要：vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据 作者：狐狸家的鱼 本文链接：vue实战-实现购物车功能（三） GitHub：sueRimn 模仿网页考拉的购物车样式进行了一些修改，以上图片就是渲染后的效果。 一、cart.js获取 阅读全文
posted @ 2019-01-30 17:39 狐狸家的鱼 阅读(3823) 评论(0) 推荐(1)
vue实战记录（二）- vue实现购物车功能之创建vue实例
摘要：vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据 作者：狐狸家的鱼 本文链接：vue实战-实现购物车功能（二） GitHub：sueRimn 一、前言 上一篇讲解了如何运用node.js+express搭建本地服务器，解决chrom 阅读全文
posted @ 2019-01-30 16:24 狐狸家的鱼 阅读(1048) 评论(0) 推荐(0)
vue实战记录（一）- vue实现购物车功能之前提准备
摘要：vue实战，一步步实现vue购物车功能的过程记录，课程与素材来自慕课网，自己搭建了express本地服务器来请求数据 作者：狐狸家的鱼 本文链接：vue实战-实现购物车功能（一） GitHub：sueRimn 一、前提准备 1、vue基础 指令的使用：v-model 、v-text、v-show、v 阅读全文
posted @ 2019-01-30 15:58 狐狸家的鱼 阅读(1240) 评论(0) 推荐(1)
vue学习笔记（二）- 数据绑定、列表渲染、条件判断
摘要：vue的数据绑定和列表渲染的造轮子 GitHub:八至 作者：狐狸家的鱼 双向数据绑定 Vue中数据的双向绑定-v-model 数据->页面 页面->数据 适用：input、select、textarea 这是一个简单的表单输入双向数据绑定，输入框中输入数据，会显示在页面，更改页面显示数据，也会改变 阅读全文
posted @ 2019-01-16 13:46 狐狸家的鱼 阅读(4220) 评论(0) 推荐(0)