![](https://img-blog.csdnimg.cn/20191207123509431.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
小钢炮vv
这个作者很懒,什么都没留下…
展开
-
Vue3.0-beta composition API note
介绍 基于option的Vue2.x当代码量足够多时很难区分不同的逻辑,混作一团,基于composition的组织型结构能够很好的区分不同的处理逻辑,并且能够很好的达到复用的目的,类似React Hook(useHandle),composition API 不存在this,省去了很多麻烦。 Vue3.0在语法上与Vue2.x相比没有改变,改变的是API,准确的说就是引入Composition A...原创 2020-04-22 20:48:54 · 217 阅读 · 0 评论 -
Vue中的DOM-Diff
VNode Vue中使用VNode类型保存virtual dom,对应Vue源码中/* src/core/vdom/vnode.js */文件定义。通过一系列的属性间的搭配可以描述不同的节点类型 this.tag = tag /* el标签名 */ this.data = data /* 存储特性信息 */ this.children = children /*当前节...原创 2020-02-18 15:25:46 · 250 阅读 · 1 评论 -
Vuex(笔记)
Vuex 核心同Redux一样,都是store(仓库)。基本架构思想都是Flux Redux:dispatch发起Action->reducer接收Action返回一个新的state->通知store订阅的重新渲染函数 connect 将state数据和dispatch传递给组件,dispatch->reducer(接收action,返回新的state)->调用store订...原创 2019-12-15 18:43:39 · 133 阅读 · 0 评论 -
Vue-cli(笔记)
Vue-cli vue-cli上手 配置允许less 配置允许console 添加vue-resource插件请求数据 路由模块化,将路由放在一个单独的文件里导出 配置vue-router 配置vuex 配置全局css 导入main.js HTML和静态资源 静态资源有两种处理方式 相对路径导入JavaScript或在模板/css中使用,这种方法会通过webpack处理(建议以这种方式导入...原创 2019-12-15 18:43:15 · 229 阅读 · 0 评论 -
Vue-Router(笔记)
Vue-Router router-link匹配成功将自动添加class .router-link-active vue-router 获取动态路由传值在this.$route.params query传值在this.$route.query获取 编程式导航路由 this.$router.push({path:’/’}) 命名路由,配置路由的时候添加name,跳转时使用this.$router...原创 2019-12-15 18:40:40 · 105 阅读 · 0 评论 -
Vue(笔记)
Vue https://cn.vuejs.org/v2/guide/ https://vue-loader.vuejs.org/ https://cli.vuejs.org/ Vue渲染效率更高,双向绑定,使用HTML、CSS、JavaScript原生语法(容易上手),React依赖于JSX,JSX是XML扩展而来,都使用VNode 请求数据模块 vue-resource(官方提供的请求插件)...原创 2019-12-15 18:39:46 · 173 阅读 · 0 评论 -
Vue和React中的key作用
React和Vue中的key都有提高渲染效率的目的,但是这句话也不是一定的 假设我们有如下顺序的节点 <div>A</div>// A DOM <div>B</div>// B DOM <div>C</div>// C DOM <div>D</div>// D DOM 如果现在需要在B C之间添...原创 2019-12-07 12:33:17 · 576 阅读 · 0 评论