摘要: 有时你会发现需要直接访问一个DOM元素;也许你正在使用一个不支持Vue的第三方库,或者希望做一些Vue自身不能完全处理的事情。可以使用ref直接访问元素,而不需要使用querySelector或者其他选择DOM节点的原生方法。 使用ref访问一个元素,只需要将这个元素的ref属性设置为字符串,然后可 阅读全文
posted @ 2021-06-18 16:58 {颜逸} 阅读(46) 评论(0) 推荐(0) 编辑
摘要: Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini 阅读全文
posted @ 2021-06-18 16:08 {颜逸} 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 侦听器可以监听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) 编辑
摘要: 计算属性介于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) 编辑
摘要: 在方法中,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) 编辑