VUE共9篇
VUE笔记

06-vue条件渲染

06-vue条件渲染-十八叔

<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scal...

十八叔十八叔1年前
04390

07-template标签

07-template标签-十八叔

<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scal...

十八叔十八叔1年前
04330

08-列表渲染设置key值,虚拟dom的diff对比

08-列表渲染设置key值,虚拟dom的diff对比-十八叔

列表渲染时需要设置一个唯一且不重复的key值,是为了数据变更时进行虚拟dom的diff对比,尽量以最小的变动完成dom及数据的更新。 参考文章:Vue diff算法比较逻辑 - 知乎 (zhihu.com)

十八叔十八叔1年前
04630

00-Vue的引入

00-Vue的引入-十八叔

视频教程地址:https://www.bilibili.com/video/BV1GL4y1v79M 视频教程案例实现:http://maizuo.18shu.cn/ 此系列文章是对学习过程中的各知识点的整理与记录。 Vue可以直接使用script...

十八叔十八叔1年前
04290

01-vue拦截原理

01-vue拦截原理-十八叔

在原生的js语法中,需要使用Object.defineProperty来对一个对象的属性进行get和set拦截,在对象的属性被访问时触发get方法,在对象的属性值被修改时触发set方法。 我们在页面中定义一个空对...

十八叔十八叔1年前
07750

02-vue模板语法

02-vue模板语法-十八叔

1.插值: 1)文本--{{}} 2)HTML--v-html(慎用)。 更新元素的 innerHTML。注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。如果试图使用 v-html 组合模板,可以重新考...

十八叔十八叔1年前
04140

03-vue写一个简单的todolist

03-vue写一个简单的todolist-十八叔

先贴代码: <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-sca...

# vue todolist

十八叔十八叔1年前
04300

04-vue动态绑定class实现点击变色

04-vue动态绑定class实现点击变色-十八叔

<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scal...

十八叔十八叔1年前
04550

05-动态切换class&style

05-动态切换class&style-十八叔

<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scal...

十八叔十八叔1年前
04390