- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vue的组件通信
注意： 组件通信， 无论效果是如何的， Vue都是单向数据流（组件之间的数据通信） 父子组件通信 绑定的是简单类型数据 父组件中定义数据， 通过单向数据绑定的形式， 将数据绑定在子组件身上， 属性是自定义属性， 子组件通过配置项中的props接收数据， props可以是一个数组，数组中放的是自定义属性名称 那么这个自定义属性可以向data中的数据一样直接在子组件模板中使用 父组件中数据一旦修...
2019-04-22 15:41:38
75
原创 Vue组件注册
组件注册 Vue.component(组建名称, 组件的配置) 在组件中使用components的配置项来表示 问题： a. 组件命名问题 组件命名和html原生标签冲突 Header Footer ----> header footer 大驼峰的写法 Vue.componennt('ZhangJun',{ template: '<div&g...
2019-04-22 11:17:18
88
原创 Vue虚拟DOM（VDOM）和diff算法
1. 虚拟DOM 是什么？ 虚拟DOM是利用 了js的对象的Object的对象模型来模拟真实DOM, 那么它的结构是一个树形结构 经过多次的VDOM操作之后，通过render函数进行渲染，通过diff算法， 将所有的vdom对比一遍， 找出不同的地方， 然后进行render函数渲染 ##2. diff算法 diff算法是用来比较两个或是多个文件， 返回值是文件的不同点 diff算法是同级比较的 d...
2019-04-20 16:16:51
348
原创 Vue中监听器watch的介绍
watch 作用： 用来监听数据的变换， 当数据模型 （data选项 M）发生改变时， watch就会触发 使用 两种用法： key的value值是一个函数 new Vue({ watch: { key(value,oldvalue){} } ...
2019-04-19 14:47:20
2076
原创 vue深入响应式原理
数据模型–》 VM中 的data选项 状态管理: 什么叫做状态？什么叫做状态管理？ 我们使用一个数据去管理视图中的一个部分， 那么这条数据就叫做状态， 这种管理模式就叫做状态管理 总结： 1. 什么是深入响应式原理？ a.当视图模型（VM）中的数据模型（M）发生改变时， 视图（V）就会进行更新 b.Vue通过watcher将data中的属性全部使用Object.definePropery编程get...
2019-04-19 14:40:20
254
原创 vue双向数据绑定原理
v-mode 双向数据绑定 1. 效果 数据改–》视图改 视图改–》数据改 2. 实现 使用v-model实现 3. 缺点 v-model默认绑定value属性， 所以v-model只能在表单使用 4. 原理 1. 为什么数据能直接在视图显示 v-model默认绑定了DOM对象的value属性， 当它初次绑定的时候，就会触发Object.definePropery的getter,然后watcher...
2019-04-19 14:24:36
63
原创 vue的条件渲染
有两种方式： v-if a.单路分支 <p v-if = " f "> true </p> b.双路分支 <p v-if = " f "> true </p> <p v-else> ...
2019-04-17 17:04:06
109
原创 vue的列表渲染
v-for指令： v-for = " xxx in data " {{ xxx }} <h3> arr-item </h3> <ul> <li v-for = " item in arr "> {{ item }} </li> </ul> 如果需要 索引 ind...
2019-04-17 16:53:57
105
原创 nodejs模块化
1. vs code 里面如何切换自定义终端？ 有两种方式： 1.crtl+shift+p 输入setting打开json文件，把"terminal.integrated.shell.windows": "C:\WINDOWS\System32\cmd.exe"改成需要安装的终端的路径 2.crtl+shift+p 输入shell—》 选择：终端：选择终端shell(Terminal:Select...
2019-04-16 17:55:49
78
原创 前端的开发规范
1. 目录构建的规范 命名原则： 简洁 比如： src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包 不使用复数 比如： 不使用 imgs docs 根目录（root）结构按职能划分 比如： 1. src 源代码（逻辑） 2. doc 文档 3. dep 第三方依赖包 4. test 测试 根据业务逻辑进行文件夹的划分 src...
2019-04-16 17:29:33
74
原创 前端异步流程工具
前端异步流程工具 传统的方案： 回调函数 事件 工具的方案： Promise 总结： a. 通过new Promise() b. 参数是一个回调函数， 回调函数中有两个参数 （resolve reject） resolve也是一个函数， 函数中接收参数， 参数为任务 resolve 中任务主线程 ， 而then中任务是放在异步队列中的，执行在主线程之后 c. Promise对象的api ...
2019-04-15 17:11:46
73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人