sunwugang - 博客园

Vue学习笔记14--计算属性

摘要：计算属性：定义：要用的属性不存在，要通过已有属性计算得来原理：底层借助了Object.defineproperty方法提供的getter和setter get函数什么时候执行？初次读取时会执行一次当依赖的数据发生改变时会被再次执行调用优势：与methods实现相比，内部有缓存机制(可复用) 阅读全文

posted @ 2024-02-23 18:32 sunwugang 阅读(15) 评论(0) 推荐(0)

Vue学习笔记13--插值语法 + method

摘要：插值语法示例：插值语法--实现信息拼接 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. 阅读全文

posted @ 2024-02-23 17:40 sunwugang 阅读(19) 评论(0) 推荐(0)

Vue学习笔记12--自定义代码片段

摘要：自定义代码片段操作步骤：第一步：文件==》首选项==》配置用户代码片段==》新建全局代码片段==》输入自定义文件名称第一步：设置(鼠标左键)==》用户代码片段==》新建全局代码片段==》输入自定义文件名称第二步：选择“新建全局代码片段文件，然后输入文件名称第三步：自定义代码片段自定义代码片阅读全文

posted @ 2024-02-23 15:54 sunwugang 阅读(401) 评论(0) 推荐(0)

Vue学习笔记11--事件 + 事件修饰符 + 键盘事件

摘要：示例一： <!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)

Vue学习笔记10--数据代理

摘要：数据代理：通过一个对象代理对另一个对象属性的操作(读或写) 总结：data——_data(数据劫持) Vue中的数据代理，通过vm对象来代理data对象中属性的操作(读写) Vue中数据代理的好处，更改方便的操作data种的数据基本原理：通过Object.defineProperty()把dat 阅读全文

posted @ 2024-02-22 15:33 sunwugang 阅读(24) 评论(0) 推荐(0)

Vue学习笔记9--Object.defineProperty()

摘要： Object.defineProperty()语法说明 Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性obj 需要定义属性的当前对象 Object.defineProperty(obj, prop, desc)==》 obj 需要定阅读全文

posted @ 2024-02-22 15:01 sunwugang 阅读(14) 评论(0) 推荐(0)

Vue学习笔记8--MVVM

摘要：总结：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)

Vue学习笔记7--el和data的两种写法

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

posted @ 2024-02-22 11:51 sunwugang 阅读(69) 评论(0) 推荐(0)

Vue学习笔记6--数据绑定

摘要： <!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)

Vue学习笔记5--模版语法(插值语法+指令语法+大小写转换+嵌套对象)

摘要：示例代码如下所示： <!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)

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

公告