自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

LuckyBrown的博客

每天进步一点!

  • 博客(14)
  • 收藏
  • 关注

转载 vue之父子组件间通信实例讲解(props、$ref 、 $emit )

组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信,也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点,来讲解如何实现父子组件间通信。在说如何实现通信之前,我们先来建两个组件father.vue和child.vue作为示...

2019-03-29 10:16:26 260

原创 Vue 父子组件传值与验证props

实例:App.vue<template> <div id="app"> <h1>{{ msg }}</h1> <!-- 3.在模板中使用 --> <v-home></v-home> <br> </div></template>...

2019-03-29 09:56:37 1142

原创 axios的简单教程与实例

首先要明白的是axios是什么:axios是基于promise(诺言)用于浏览器和node.js是http客户端。axios的作用是什么呢:axios主要是用于向后台发起请求的,还有在请求中做更多是可控功能。特点:支持浏览器和node.js            支持promise&nbsp...

2019-03-29 09:48:33 2946

原创 Vue的todolist实例 Vue 中的模块化以及封装Storage实现todolist 待办事项 已经完成 和进行中持久化

双向绑定App.vue<template> <div id="app"> <input type="text" v-model="todo"> <button @click="doAdd()">+增加</button> <ul> <li v-for="(item,key)...

2019-03-29 09:34:02 461 1

原创 Vue 生命周期函数 组件挂载、组件更新、组件销毁触发的一系列方法

生命周期先上图什么是生命周期Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js方法,可以让我们用自己注册的js方法控制整个大局,在这些事件响应方法中的this直接...

2019-03-29 09:22:26 18515

原创 vue组件的引入

App.vue<template> <div id="app"> <h1>{{ msg }}</h1> <!-- 3.在模板中使用 --> <v-home></v-home> <br> <hr> <v-news></v...

2019-03-29 09:11:51 350

原创 Vue事件 定义方法执行方法 获取数据 改变数据 执行方法传值 以及事件对象

<template> <div id="app"> {{msg}} <br> <button v-on:click="run1()">执行是事件的第一种方法</button> <br> <button @click="run2()">执行是事件的第二种方法</but...

2019-03-29 09:07:35 769

原创 Vue 及双向数据绑定 Vue事件介绍 以及Vue中的ref获取dom节点

<template> <div id="app"> <h1>{{ msg }}</h1> <input type="text" v-model="msg" /> <button v-on:click="getMsg()">获取表单里面的数据</button> <but...

2019-03-29 09:02:18 371

原创 Vue绑定属性 绑定Class 绑定style

<template> <div id="app"> <h1>{{ msg }}</h1> <br> <!-- 绑定属性 --> <div v-bind:title="title">鼠标移动过来</div> <!-- 在tamplate中引入本地图...

2019-03-29 09:00:07 299

原创 vue 目录结构分析 数据绑定 绑定属性 循环渲染数据 数据渲染01

├── index.html 入口页面├── build 构建脚本目录│ ├── build-server.js 运行本地构建服务器,可以访问构建后的页面│ ├── build.js 生产环境构建脚本│ ├─...

2019-03-29 08:55:24 125

转载 Vue与ref属性与refs

ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用,引用信息就是元素; 如果用在子组件上,引用信息就是组件实例注意:只要想要在Vue中直接操作DOM元素,就必须用ref属性进行注册实例:这里为了在create的时候引用DOM元素...

2019-03-28 11:26:06 411

原创 ajax过程 GET和POST的区别

1.Post传输数据时,不需要在URL中显示出来,而Get方法要在URL中显示。2.Post传输的数据量大,可以达到2M,而Get方法由于受到URL长度的限制,只能传递大约1024字节.3.Post顾名思义,就是为了将数据传送到服务器段,Get就是为了从服务器段取得数据.而Get之所以也能传送数据,只是用来设计告诉服务器,你到底需要什么样的数据.Post的信息作为http请求的内容,而Ge...

2019-03-28 09:38:42 137

转载 ES6中的箭头函数的定义和调用方式

基本用法:ES6中允许使用“箭头”(=>)定义函数var f = v => v;上面代码相当于:var f = function( v ) { return v;}根据箭头函数有参数和无参数来区分1、无参数的箭头函数var f = () => 5;等同于var f = function() { return 5};2、有参数...

2019-03-28 09:00:18 3508

原创 使用@Autowired自动装配对象和new对象以及和静态方法的区别

一、@autowired 与newnew出来的对象无法调用@Autowired注入的Spring Bean,否则报空指针异常,@Autowired注入Spring Bean,则当前类必须也是Spring Bean才能调用它,不能用new xxx()来获得对象,这种方式获得的对象无法调用@Autowired注入的Bean。二、@autowired 与静态方法1.spring框架应...

2019-03-18 10:10:00 3502

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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