自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

幼儿园园长

一个程序媛的努力成长史!

原创 过滤器(数据映射)

数据映射: 后端返回的值是0,1,2,前端要在表格中显示出来的是审核的状态。 使用vue.js的过滤器:官网地址 过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示。 ...

2019-10-16 11:58:02

阅读数 2

评论数 0

原创 moment.js初使用——时间格式化

记录第一次使用moment进行时间的格式化,将2019-10-15T05:42:31.000+0000格式的时间转换为其他格式 参考博客:vue中使用moment.js 这篇文章里已经写的很详细怎么使用了,在写代码的时候,因为转换的时间格式和文章中的不一样,参考了官网,进行简单的修改: momen...

2019-10-16 11:14:07

阅读数 2

评论数 0

原创 记录一次vuex和缓存的爬坑之旅

vuex的和缓存的使用 今天开发的一项功能里,需要将数据用户名存储起来,然后在页面里去调用并显示该用户的名字,刚好想练习一下vuex的使用,便尝试了使用vuex进行存储,存储过程是这样的: vuex存储数据 1、首先安装并引入vuex vuex的官网上安装操作,从安装到引入很详细 2、在src目...

2019-05-18 23:15:27

阅读数 167

评论数 0

原创 git命令行的操作(一)—— git分支的创建、合并与修改

1、分支的创建与切换 /* 本地分支的切换与创建 */ git checkout -b dev /* 查看所有本地分支 */ git branch /* 查看所有远程分支 */ git branch -a 2、分支合并 /* 提交本地分支 */ git add . git commit ...

2019-05-18 20:20:57

阅读数 125

评论数 0

转载 用户登录信息用vuex存储以及在其他页面调用

文章转载自:VUE:vuex 用户登录信息的数据写入与获取 整体思路: 前台获取用户数据,向后台发送post请求,验证成功后 前台接受数据,改变用户登录状态 将登录状态及用户数据写入到state中 这样多个页面就可以直接使用this.$store.getters.getuname调用state中...

2019-05-08 11:44:49

阅读数 343

评论数 0

原创 打包项目上传到服务器全过程记录

今日学习了vue如何打包 上传到服务器,总结一下笔记, 记录一下操作全过程: 首先:进入网站https://app.netlify.com/,然后使用GitHub账号登录。 新建终端,输入命令: 1、 npm install -g netlify-cli 2、 netlify 3、npm run...

2019-04-30 17:43:53

阅读数 182

评论数 0

原创 vuex的使用——modules模块化,源代码

上一篇博客已经介绍了关于vuex的基本用法以及store里的四项该怎么写,这一篇主要就是写一下将store模块化的怎么写,再此放上目录及代码! store文件夹目录: 1、main.js import store from './store/store' new Vue({ store, ...

2019-04-29 23:45:11

阅读数 104

评论数 0

原创 vuex的基本使用

安装:(可以参考vuex官网:https://vuex.vuejs.org/zh/) 下面是从官网截的图: 新建一个store.js的文件进行配置 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export...

2019-04-29 23:00:02

阅读数 39

评论数 0

原创 vue生命周期钩子函数—— 图 + 测试代码

beforeCreate:function(){ alert('组件实例化之前执行的函数') }, created:function(){ alert('组件实例化完毕,但页面还未显示') }, beforeMount:function(){ alert('...

2019-04-28 21:55:54

阅读数 142

评论数 0

原创 自定义的表单输入组件以及组件通信——子组件向父组件传递数据

当子组件需要向父组件传递数据的饿时候,就要用到自定义事件。v-on除了监听DOM事件之外,还可以用于组件之间的自定义事件。 示例demo: 父组件内: <div id="app"> <p>传值测试的demo:...

2019-04-26 22:10:55

阅读数 64

评论数 0

原创 如何使用props进行父子组件之间的传值

如何使用props进行父子组件之间的传值 在业务逻辑中,可能会有点多个页面都需要用到同一个组件,为了避免重复的代码,可以将数据定义在父组件里,然后再每一个子组件里获取到父组件传递过来的值。 在组件中,使用选项props来声明需要从父级接收的数据,props的值可以是两种,一种是字符串数组,一种是对...

2019-04-26 10:55:05

阅读数 191

评论数 0

原创 表单与v-model的小demo

表单与v-model 1、基本使用 <input type="text" v-model="msg" placeholder="输入..."> <p>输入的是:{{msg}}&...

2019-04-24 09:28:55

阅读数 56

评论数 0

原创 vue.js指令补充以及一些数组变异的方法

vue.js指令补充 前面在学习vue的指令的时候,在简书上看到一篇vue指令的总结,比较全面,转载到了自己的博客vue.js指令总结。 但是自己在学习的过程中也总结了一些文章里没有的,记录在这里! 1、v-clock v-clock不需要表达式,它会在Vue实例结束编译时从绑定的HTML元素上移...

2019-04-23 22:47:27

阅读数 31

评论数 0

转载 vue.js指令总结【转载】

vue.js指令总结 1、v-text

2019-04-23 21:10:05

阅读数 51

评论数 0

原创 vue.js中v-show等指令以及动态绑定calss的测试demo

vue.js中v-show等指令以及动态绑定calss的小demo 记录一次vue.js学习的小收获 今天刚复习了vue.js的基本指令等知识,也跟着老师敲了一个小demo,感觉还是有点小收获的,记录一下这个小demo。 1、首先看一下效果图 ![在这里插入图片描述](https://img-b...

2019-04-22 16:43:31

阅读数 195

评论数 0

提示
确定要删除当前文章?
取消 删除