自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 生命周期

生命周期 什么是生命周期? vue中的生命周期指的是组件从创建到销毁一个过程,在这个过程中,在每一个特定的阶段会触发一些方法( 这些方法具备一些功能),我们给这些方法起了个名字叫做( 生命周期钩子函数/ 组件钩子 ) 为什么要学习生命周期 因为我们想在生命周期钩子中实现项目功能,那么我们必须知道每一个钩子函数的具体用途 这个生命周期是谁的生命周期? 组件 项目中生命周期如何书写(功...

2019-06-27 11:59:50 174

原创 属性验证和过滤器

属性验证 props: [ ‘msg’ ] 没有进行验证,只是单纯的接收了一个父组件传递来的数据 props: { attr: attrType } 进行普通属性验证 props: { type: typeType, default: value } 这里的default是为这个属性设置初始值 props: { validator ( val ) { return boole...

2019-06-26 19:39:01 163

原创 组件通信

组件通信 组件的根元素必须有且仅有一个 1.为什么要进行组件通信? ​ 组件可以说是一个具有独立功能的整体,但是当我们要将这些组件拼接在一起时,这些组件相互之 间要建立联系,这个联系我们就称之为通信 2.组件通信的方式有哪几种? 父子组件通信: 使用props来实现 props: 在父组件的模板中将数据用单项数据绑定的形式,绑定在子组件身上 <Son :money = "mo...

2019-06-25 19:39:12 116

原创 vue组件

vue的两大特性 指令 —— 用来操作dom 组件 —— 组件是html css js 等的一个聚合体 组件 1.为什么要使用组件 组件化 将一个具备完整功能的项目的一部分进行多处使用 加快项目的进度 可以进行项目的复用 要想实现组件化,那么我们使用的这一部分就必须是完整的,我们把这个完整的整体就称之为组件 插件: index.html img css js 如果能将 h...

2019-06-24 19:50:37 106

原创 虚拟dom和diff算法

虚拟DOM 1.虚拟DOM是什么? ​ 它是一个Object对象模型,用来模拟真实dom节点的结构 2.虚拟DOM的基本使用流程 获取数据(ajax fetch) var data = { id: 1, name: 'bbb' } 创建vdom /* <div class = "box"> <ul> ...

2019-06-24 19:44:12 95

原创 node.js

什么是nodejs ​ Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境 为什么会有nodejs? 因为需要,需要JavaScript这个语言运行在服务器上 node 是一个运行环境 是一个平台 开始是由一个人设计的 node选择了js 而不是js发展出的node node环境是跨平台的 node运行在服务端 没有DOM BOM nodejs概念 ​ nodejs...

2019-06-21 21:27:23 79

原创 watch 与computed的比较

watch(侦听属性) 作用 用来监听data中定义的数据,当data中定义的数据发生了变化,那么watch中的key就会触发 watch是一个对象 watch: {} watch中可以设置多个类型的键值 使用方式(重点) 方法 watch: { fn () {} } 对象(深度监听) watch: { fn: { hand...

2019-06-21 20:56:26 837

原创 axios与fetch数据请求

axios get方法 无参数 new Vue({ el: '#app', getDate () { axios.get(url).then(res=>console.log(res).catch(error=>conosle.log(error)) } }) 有参数 new Vue({ el: '#app', ...

2019-06-21 20:48:51 204

原创 vue基础

模板语法 jsx: javascript + xml ​ 可以让我们在dom结构中输写javascript 1.插值 文本 :{ { } } ​ {{ msg }}是 {{ ${ this.msg } }} 简写 ​ this.$data.msg ->this.msg -> msg 纯HTML v-html 作用:防止XSS,CSRF 。 ...

2019-06-19 18:02:24 70

原创 前端的异步流程

传统的原生异步 回调函数 事件 使用异步流程工具 es6 Promise Promise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件--更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了语法,原生提供了Promise 所谓Promise ,简单说就是一个容器,里面保存着某个未来才回结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个...

2019-06-12 12:48:10 96

空空如也

空空如也

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

TA关注的人

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