上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 47 下一页
摘要: 事件监听 v-on 使用v-on进行事件绑定监听,回调函数写在methods中。可以使用@的这种简写形式来代替v-on,当事件源无参数传递时,可省略括号。 语法如下所示: <button @事件=回调函数(参数)>点我</button> 下面是一个小的示例: <body> <div id="app" 阅读全文
posted @ 2020-11-20 16:59 云崖先生 阅读(309) 评论(0) 推荐(0) 编辑
摘要: 局部过滤器 局部过滤器定义在Vue实例的filters中,必须是一个函数,调用时使用|完成调用。 局部过滤器只能由当前的Vue实例使用。 如下,对时间类型进行过滤: <body> <div id="app"> {{currentTime | timeFormat}} </div> <script s 阅读全文
posted @ 2020-11-20 16:43 云崖先生 阅读(123) 评论(0) 推荐(0) 编辑
摘要: computed 基本使用 如果数据需要有复杂的计算,则可以在Vue实例中定义计算属性,再交由mustache进行渲染。 computed内部其实是通过getttr实现的,所以不用加括号即可完成其下方法的调用 computed对象内部的方法如果想调用同一Vue实例下的方法或者属性,可使用this进行 阅读全文
posted @ 2020-11-20 16:22 云崖先生 阅读(1958) 评论(2) 推荐(2) 编辑
摘要: 属性绑定 v-bind 如果想要操纵被挂载标签的属性,则使用v-bind进行属性绑定,当然也可以进行简写,简写形式为:。 需要注意的有以下两点: 如果包裹属性的是双引号,它将访问Vue实例尝试获取该属性 如果包裹属性的是单引号外层再包裹上双引号,则代表这就是一个普通的字符串 单纯双引号,将会访问Vu 阅读全文
posted @ 2020-11-20 15:47 云崖先生 阅读(466) 评论(0) 推荐(0) 编辑
摘要: mustache 内容渲染 使用mustache语法{{变量}}进行渲染操作,它将会从Vue实例中查找这个变量。 <body> <div id="app"> <p>{{ msg }}</p> </div> <script src="./vue.js"></script> <script> const 阅读全文
posted @ 2020-11-20 15:03 云崖先生 阅读(558) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 47 下一页