欢迎莅临 SUN WU GANG 的园子!!!

世上无难事,只畏有心人。有心之人,即立志之坚午也,志坚则不畏事之不成。

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

2024年2月22日

摘要: 示例一: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue 阅读全文
posted @ 2024-02-22 18:38 sunwugang 阅读(50) 评论(0) 推荐(0)

摘要: 数据代理:通过一个对象代理对另一个对象属性的操作(读或写) 总结:data——_data(数据劫持) Vue中的数据代理,通过vm对象来代理data对象中属性的操作(读写) Vue中数据代理的好处,更改方便的操作data种的数据 基本原理: 通过Object.defineProperty()把dat 阅读全文
posted @ 2024-02-22 15:33 sunwugang 阅读(24) 评论(0) 推荐(0)

摘要: Object.defineProperty()语法说明 Object.defineProperty()的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性obj 需要定义属性的当前对象 Object.defineProperty(obj, prop, desc)==》 obj 需要定 阅读全文
posted @ 2024-02-22 15:01 sunwugang 阅读(14) 评论(0) 推荐(0)

摘要: 总结:MVVM M:模型Model,对应data种的数据 V:视图View,模版 VM:视图模型ViewModel,Vue实例对象 观察发现: data种所有的属性,最后都出现在vm身上。 vm身上所有的属性及Vue原型上所有属性,在Vue模版种都可以直接使用。 示例如下所示: <!DOCTYPE 阅读全文
posted @ 2024-02-22 14:02 sunwugang 阅读(16) 评论(0) 推荐(0)

摘要: 总结:data与el的两种写法 el两种写法 new Vue的时候配置el属性。 先创建Vue实例,再通过v.$mount('#root')函数指定el的值。 data两种写法 对象式 函数式 注:对于为使用到组件时,两种方式都可以,但在应用到组件后,data必须使用函数式,否则会报错。 一个重要原 阅读全文
posted @ 2024-02-22 11:51 sunwugang 阅读(69) 评论(0) 推荐(0)

摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue数据绑定</ 阅读全文
posted @ 2024-02-22 11:30 sunwugang 阅读(24) 评论(0) 推荐(0)

摘要: 示例代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title 阅读全文
posted @ 2024-02-22 10:42 sunwugang 阅读(19) 评论(0) 推荐(0)