摘要: 表单输入绑定 单行文本输入框 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id = "app"> <input type="text" v-model="message" value="Hello 阅读全文
posted @ 2021-08-15 16:16 KKKyrie 阅读(86) 评论(0) 推荐(0) 编辑
摘要: 计算属性 在模板中使用表达式非常方便,但如果表达式的逻辑过于复杂,模板就会变得臃肿且难以维护,所以引出计算属性。计算属性是以函数形式,在computed中定义。比如可以将模板表达式 <p> {{ message.split('').reverse().join('')}} </p> 用计算属性实现: 阅读全文
posted @ 2021-08-15 16:15 KKKyrie 阅读(558) 评论(0) 推荐(0) 编辑
摘要: 监听器 Vue提供了一种更通用的方式来观察和响应Vue实例上的数据变动:监听器。当有一些数据需要随着其他数据变化而变化时就可以使用监听器。 使用监听器 监听器在Vue实例的选项对象的watch中定义,下面用监听器实现千米和米的换算: <html> <head> <meta charset="UTF- 阅读全文
posted @ 2021-08-15 16:14 KKKyrie 阅读(120) 评论(0) 推荐(0) 编辑