2019年03月_LuckyBrown17

转载 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>  <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>  <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

LuckyBrown的博客