leiyanting - 博客园

vue学习---Vue中的事件修饰符

摘要： Vue中的事件修饰符： 1.prevent：阻止默认事件（常用）； 2.stop：阻止事件冒泡（常用）； 3.once：事件只触发一次（常用）； 4.capture：使用事件的捕获模式； 5.self：只有event.target是当前操作的元素时才触发事件； 6.passive：事件的默认行为立即阅读全文

posted @ 2021-11-13 10:48 leiyanting 阅读(394) 评论(0) 推荐(0)

vue学习---事件的基本使用(v-on / @xxx)

摘要：事件的基本使用： 1.使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名； 2.事件的回调需要配置在methods对象中，最终会在vm上； 3.methods中配置的函数，不要用箭头函数！否则this就不是vm了； 4.methods中配置的函数，都是被Vue所管理的函数，this的指阅读全文

posted @ 2021-11-13 10:22 leiyanting 阅读(184) 评论(0) 推荐(0)

vue学习---vue中的数据代理

摘要： 1.Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写） 2.Vue中数据代理的好处：更加方便的操作data中的数据 3.基本原理：通过Object.defineProperty()把data对象中所有属性添加到vm上。为每一个添加到vm上的属性，都指定一个getter/ 阅读全文

posted @ 2021-11-13 10:01 leiyanting 阅读(97) 评论(0) 推荐(0)

vue学习---Object.defineproperty方法(理解数据代理简单实现数据双向数据绑定)

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>回顾Object.defineproperty方法</title> </head> <body> <script type="text/javascript" > let nu 阅读全文

posted @ 2021-11-13 09:22 leiyanting 阅读(33) 评论(0) 推荐(0)

vue学习---理解MVVM

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>理解MVVM</title>  <script type="text/javascript" src="../js/vue.js"></script 阅读全文

posted @ 2021-11-13 08:58 leiyanting 阅读(39) 评论(0) 推荐(0)

vue学习---data与el的2种写法

摘要： data与el的2种写法 1.el有2种写法 (1).new Vue时候配置el属性。 (2).先创建Vue实例，随后再通过vm.$mount('#root')指定el的值。 2.data有2种写法 (1).对象式 (2).函数式如何选择：目前哪种写法都可以，以后学习到组件时，data必须使用函数阅读全文

posted @ 2021-10-28 08:21 leiyanting 阅读(69) 评论(0) 推荐(0)

vue学习---v-model双向数据绑定(应用在表单类元素)

摘要： Vue中有2种数据绑定的方式： 1.单向绑定(v-bind)：数据只能从data流向页面。 2.双向绑定(v-model)：数据不仅能从data流向页面，还可以从页面流向data。备注： 1.双向绑定一般都应用在表单类元素上（如：input、select等） 2.v-model:value 可以简阅读全文

posted @ 2021-10-28 08:08 leiyanting 阅读(334) 评论(0) 推荐(0)

vue学习---v-bind用于解析标签(标签属性)

摘要： Vue模板语法有2大类： 1.插值语法：功能：用于解析标签体内容。写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。 2.指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定事件.....）。举例：v-bind:href="xxx" 或简写为 :hr 阅读全文

posted @ 2021-10-28 07:59 leiyanting 阅读(460) 评论(0) 推荐(0)

vue学习---初识vue

摘要： 1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象； 2.root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法； 3.root容器里的代码被称为【Vue模板】； 4.Vue实例和容器是一一对应的； 5.真实开发中只有一个Vue实例，并且会配合着组件一起使用； 6 阅读全文

posted @ 2021-10-28 07:29 leiyanting 阅读(52) 评论(0) 推荐(0)

typescript学习---面向对象

摘要：第二章：面向对象面向对象是程序中一个非常重要的思想，它被很多同学理解成了一个比较难，比较深奥的问题，其实不然。面向对象很简单，简而言之就是程序之中所有的操作都需要通过对象来完成。举例来说：操作浏览器要使用window对象操作网页要使用document对象操作控制台要使用console对象阅读全文

posted @ 2021-10-27 14:32 leiyanting 阅读(45) 评论(0) 推荐(0)

导航

2021年11月13日

2021年10月28日

2021年10月27日