vue-指令
_想睡觉
这个作者很懒,什么都没留下…
展开
-
vue中父子组件之间的传递 props和$emit
props父传子:父组件的数据传递给子组件 $emit子传父:子组件的数据传递给父组件 props 父传子 : <!-- 父 --> <div id="app"> <!-- 子 父 --> <cpn :cmovies="movies" :cmessage="message" :cinfo="info"></cpn> </div> <!-- 子 --&.原创 2020-07-28 16:40:47 · 479 阅读 · 0 评论 -
v-model实现数据双向绑定的本质
v-model用于表单<input>、<textarea> 及 <select> 数据的双向绑定,其本质上有两个作用: 1.v-bind(:)绑定一个value属性,将监听事件的数据放入input中 :value 2.v-on(@)给当前元素绑定input事件,对input事件的监听 @input 简单案例: <input type="text" v-model="test">{{test}} <br> &原创 2020-06-19 16:22:18 · 234 阅读 · 0 评论 -
vue中计算属性computed
<div id="app"> <p>{{ message }}</p> <p>{{ reversedMessage }}</p> <p></p> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> .原创 2020-05-20 11:09:38 · 91 阅读 · 0 评论 -
vue基本指令 v-on与v-bind
v-bind vue提供的属性绑定机制 缩写是 : v-on vue提供的事件绑定机制 缩在这里插入代码片写是 @ <input type="button" value="按钮" :title="mytitle+'123'"> <input type="button" value="按钮" @mouseover="show"> <script> ...原创 2020-03-26 16:00:51 · 124 阅读 · 0 评论