随笔分类 -  vue学习

vue
vue----07
摘要：1、vue中的css动画原理 <div id="root"> <transition name="fade"> <div v-if="show">hello world</div> </transition> <button @click="handleBtnClick">切换</button> < 阅读全文
posted @ 2020-05-24 10:00 希望の曙光 阅读(134) 评论(0) 推荐(0)
vue----06
摘要：1、给组件绑定原生事件 <counter @click.native="handkeClick""></counter> 使用组件时，在后面加native可以直接绑定原生事件，如果不加，则为自定义事件 2、非父子组件间的传值 一般有2种方式：1、vuex 2、发布订阅模式 / BUS / 总线 / 阅读全文
posted @ 2020-05-22 22:12 希望の曙光 阅读(156) 评论(0) 推荐(0)
vue----05
摘要：1、组件参数效验 <div id="root"> <counter :content="{a:1}""></counter> </div> <script> var counter = { props: { content: { type:String, required:true ,//此处指该参 阅读全文
posted @ 2020-05-22 21:55 希望の曙光 阅读(97) 评论(0) 推荐(0)
vue----04
摘要：1、父组件如何向子组件传递数据 <div id="root"> <counter :count="0"></counter> <counter :count="1"></counter> </div> <script> var counter = { props: ['count'], templa 阅读全文
posted @ 2020-05-21 15:22 希望の曙光 阅读(155) 评论(0) 推荐(0)
vue----03
摘要：1、组件使用中的细节点 1.1 使用is解决某些情况下显示错误问题 <div id="root"> <table> <tbody> <tr is="row"></tr> <tr is="row"></tr> <tr is="row"></tr> </tbody> </table> </div> <s 阅读全文
posted @ 2020-05-19 19:20 希望の曙光 阅读(156) 评论(0) 推荐(0)
vue----02
摘要：1、计算属性与监听器watch:{ firstname: function () { //当firstname 改变的时候要执行的函数 } } computed: { name: function() { //内容 } } 2、计算属性的getter和setter方法 computed: { ful 阅读全文
posted @ 2020-05-18 17:29 希望の曙光 阅读(147) 评论(0) 推荐(0)
vue----01
摘要：1、vm一般代指vue的实例 2、vm.$data指vue中的data，同理还有：vm.$el, 3、vm.$destroy 销毁vue实例（2、3都是在控制台输入） 4、vue的生命周期钩子： 生命周期函数就是vue实例在某一个时间点会自动执行的函数 vue的生命周期函数不需要放到methods里 阅读全文
posted @ 2020-05-13 20:43 希望の曙光 阅读(117) 评论(0) 推荐(0)