- 博客(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关注的人