
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 · 506 阅读 · 0 评论 -
v-model实现数据双向绑定的本质
v-model用于表单<input>、<textarea> 及 <select> 数据的双向绑定,其本质上有两个作用:1.v-bind(:)绑定一个value属性,将监听事件的数据放入input中 :value2.v-on(@)给当前元素绑定input事件,对input事件的监听 @input简单案例: <input type="text" v-model="test">{{test}} <br> &原创 2020-06-19 16:22:18 · 261 阅读 · 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 · 105 阅读 · 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 · 146 阅读 · 0 评论