上一页 1 2 3 4 5 6 7 ··· 20 下一页
2021年6月18日
参考书籍《Vue.js快跑：构建触手可及的高性能Web应用》第1章 Vue.js基础-----1-14监听器
摘要： 侦听器可以监听data对象属性或者计算属性的变化。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc 阅读全文
posted @ 2021-06-18 11:22 {颜逸} 阅读(76) 评论(0) 推荐(0) 编辑
参考书籍《Vue.js快跑：构建触手可及的高性能Web应用》第1章 Vue.js基础-----1-13计算属性
摘要： 计算属性介于data对象的属性和方法两者之间：可以像访问data对象的属性那样访问它，但需要以函数的方式定义它。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content= 阅读全文
posted @ 2021-06-18 11:10 {颜逸} 阅读(37) 评论(0) 推荐(0) 编辑
参考书籍《Vue.js快跑：构建触手可及的高性能Web应用》第1章 Vue.js基础-----1-12this
摘要： 在方法中，this指向该方法所属的组件。可以使用this访问data对象的属性和其他方法： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi 阅读全文
posted @ 2021-06-18 10:33 {颜逸} 阅读(39) 评论(0) 推荐(0) 编辑
2021年6月17日
参考书籍《Vue.js快跑：构建触手可及的高性能Web应用》第1章 Vue.js基础-----1-11方法
摘要： 函数是十分优雅的语言特性，它让我们可以采用可复用的方式存储一段逻辑，从而不用重复代码就可以多次使用这一逻辑。在Vue的模板里，函数被定义为方法来使用。只要将一个函数存储为methods对象的一个属性，就可以在模板中使用它： <!DOCTYPE html> <html lang="en"> <head 阅读全文
posted @ 2021-06-17 17:02 {颜逸} 阅读(50) 评论(0) 推荐(0) 编辑
参考书籍《Vue.js快跑：构建触手可及的高性能Web应用》第1章 Vue.js基础-----1-10动态设置HTML
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2021-06-17 15:57 {颜逸} 阅读(44) 评论(0) 推荐(0) 编辑
参考书籍《Vue.js快跑：构建触手可及的高性能Web应用》第1章 Vue.js基础-----1-9双向数据绑定
摘要： 不能使用v-bind:value——使用v-bind只会在inputValue值变化时才更新输入框的值，反过来则不行。作为替代，可以使用v-model指令，它作用于输入框元素，将输入框的值绑定到data对象的对应属性上，因此输入框不但会接收data上的初始值，而且当输入内容更新时，data上的属性值 阅读全文
posted @ 2021-06-17 15:51 {颜逸} 阅读(44) 评论(0) 推荐(0) 编辑
参考书籍《Vue.js快跑：构建触手可及的高性能Web应用》第1章 Vue.js基础-----1-8响应式是如何实现的（个人理解）
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2021-06-17 15:13 {颜逸} 阅读(38) 评论(0) 推荐(0) 编辑
参考书籍《Vue.js快跑：构建触手可及的高性能Web应用》第1章 Vue.js基础-----1-7响应式
摘要： 除了在一开始创建HTML, Vue还监控data对象的变化，并在数据变化时更新DOM。 让我们创建一个用于显示当前时间的页面，每隔一秒获取一下当前时间： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name 阅读全文
posted @ 2021-06-17 15:06 {颜逸} 阅读(37) 评论(0) 推荐(0) 编辑
参考书籍《Vue.js快跑：构建触手可及的高性能Web应用》第1章 Vue.js基础-----1-6属性绑定
摘要： v-bind，可以接收参数。v-bind指令用于将一个值绑定到一个HTML属性上。 下面的这个例子将http://www.baidu.com的值绑定到href上： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文
posted @ 2021-06-17 14:31 {颜逸} 阅读(40) 评论(0) 推荐(0) 编辑
参考书籍《Vue.js快跑：构建触手可及的高性能Web应用》第1章 Vue.js基础-----1-5模板中的循环（v-for）
摘要： 另外一个我经常使用的指令是v-for，这个指令通过遍历一个数组或者对象，将指令所在的元素循环输出到页面上。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-06-17 14:10 {颜逸} 阅读(53) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 20 下一页