随笔分类 - Vue框架学习
摘要：首先，滚动加载和虚拟滚动都是为了解决数据量大的渲染性能问题，但是也有区别，滚动加载并没有从根本上解决问题，只是滚动到可视区域底部动态加载，二虚拟滚动是永远只渲染固定数量（通常是可视区域内）的所以可以从根本上解决这种性能问题。 如果只想了解滚动加载只看第一部分即可。 这两种技术网上都有现成的插件，安装
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> 测试双向绑定demo <input type="text" v-model="textMy" /> {
阅读全文
摘要：一.前言 1.vue程序的运行过程：模板 -> 进行编译 -> 生成ast树 -> 数据绑定 -> 生成render函数 -> 成虚拟dom树 -> 真实dom树 模板：Vue的模板基于纯HTML，基于Vue的模板语法，我们可以比较方便地声明数据和UI的关系。 AST：AST是Abstract Sy
阅读全文
摘要：1.匿名插槽 就是定义的时候不带name的插槽，使用的时候也不用带name 总结： （1）一定要分清定义插槽和使用插槽格式。如上图A是在使用一个插槽的基础上再继续定义一个匿名插槽。 （2）匿名插槽的使用可以加template也可以不加，例如图B和图C，那三个元素有没有用template包裹都一样会生
阅读全文
摘要：1.指令的定义 指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 指令还有一些基本的要了解的就是指令的修饰符(.native，.stop，.prevent等)，动态参数(<a @[event]
阅读全文
摘要：1.匿名插槽 就是定义的时候不带name的插槽，使用的时候也不用带name 总结： （1）一定要分清定义插槽和使用插槽格式。如上图A是在使用一个插槽的基础上再继续定义一个匿名插槽。 （2）匿名插槽的使用可以加template也可以不加，例如图B和图C，那三个元素有没有用template包裹都一样会生
阅读全文
摘要：一.前言 1.vue程序的运行过程：模板 -> 进行编译 -> 生成ast树 -> 数据绑定 -> 生成render函数 -> 成虚拟dom树 -> 真实dom树 模板：Vue的模板基于纯HTML，基于Vue的模板语法，我们可以比较方便地声明数据和UI的关系。 AST：AST是Abstract Sy
阅读全文
