摘要: 1.使用.stop和.prevent <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .c1{ background-color: tan; height: 200 阅读全文
posted @ 2021-04-12 15:47 urls 阅读(1873) 评论(0) 推荐(0) 编辑
摘要: 1.每个Vue对象在创建时都要经过一系列的初始化过程。在这个过程中Vue.js会自动运行一些叫做生命周期的的钩子函数,我们可以使用这些函数,在对象创建的不同阶段加上我们需要的代码,实现特定的功能。 <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文
posted @ 2021-04-12 14:31 urls 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 1.计算属性 我们之前学习过字符串反转,如果直接把反转的代码写在元素中,则会使得其他同事在开发时时不易发现数据被调整了,所以vue提供了一个计算属性(computed),可以让我们把调整data数据的代码存在在该属性中。其实计算属性主要用于监听,可以监听多个对象. <!DOCTYPE html> < 阅读全文
posted @ 2021-04-12 11:25 urls 阅读(387) 评论(0) 推荐(0) 编辑
摘要: 过滤器,就是vue允许开发者自定义的文本格式化函数,可以使用在两个地方:输出内容和操作数据中。 定义过滤器的方式有两种,全局和局部过滤器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</titl 阅读全文
posted @ 2021-04-12 10:25 urls 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 1.列表渲染指令v-for 在vue中,可以通过v-for指令可以将一组数据渲染到页面中,数据可以是数组或者对象。 <!-- v-for不仅可以遍历数组,还可以遍历对象,这里大家记住v-for里面的一个东西 :key, 就是v-bind:key,这个key是干什么的呢,就是为了给现在已经渲染好的li 阅读全文
posted @ 2021-04-12 09:29 urls 阅读(237) 评论(0) 推荐(0) 编辑