- 博客(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 1143
原创 axios的简单教程与实例
首先要明白的是axios是什么:axios是基于promise(诺言)用于浏览器和node.js是http客户端。axios的作用是什么呢:axios主要是用于向后台发起请求的,还有在请求中做更多是可控功能。特点:支持浏览器和node.js 支持promise ...
2019-03-29 09:48:33 2947
原创 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 18521
原创 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 770
原创 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 301
原创 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 412
原创 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 3509
原创 使用@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 3503
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人