vue.js
文章平均质量分 79
没离开过
在这里希望能够学到一些 东西,同时也希望我的学习经验能够帮到你们!
展开
-
使用Vue.js抽取手机号码中奖(过滤器)
<template> <div> <!-- v-for是vue.js的指令,表示循环,需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素 迭代的别名。如例子中的tel in telephone,telephone就是源数据数组,tel是数组元素迭代的别名 --&...原创 2018-03-08 16:40:42 · 1463 阅读 · 0 评论 -
在VUE中使用props传值(父组件的值传给子组件)
父组件的代码如下(包含注释):<template> <div> <input v-model="message"> <!--使用v-model进行双向绑定--> <my-button4 :myMessage="message"></my-button4原创 2018-03-13 16:18:23 · 2128 阅读 · 0 评论 -
关于vue.js中this.$emit的理解
一、每个 Vue 实例都实现了事件接口,即: 1、使用 $on(eventName) 监听事件 2、使用 $emit(eventName, optionalPayload) 触发事件二、注意事项 1、父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件 2、不能用 $on 监听子组件释放的事件,而必须在模板里直接用 v-on 绑定三、例子及说明1、父组件代码及说明<...原创 2018-03-13 21:34:38 · 38337 阅读 · 3 评论 -
vue.js中关于$emit(eventName, optionalPayload) 触发事件的应用,子组件向父组件传递数据(字符串,数组,或者对象等)
一、父组件及代码解释:<template> <div> <p v-for="msg in messages">{{msg}}</p> <!--输出子组件传给父组件的数据--> <my-button4 @onclick="increment"><原创 2018-03-14 10:47:24 · 2808 阅读 · 0 评论