摘要:
1.给想要实现过渡效果的元素外层加transition组件 根据上图可知: vue会自动生成四个class,分别是 fade-enter,fade-enter-active,fade-leave,fade-leave-active 其中动画效果要写在激活阶段,也就是 在切换动画效果时,transit 阅读全文
posted @ 2017-03-24 21:18
涵叔
阅读(123)
评论(0)
推荐(0)
摘要:
1. 父组件渲染子组件 a. 在父组件中注册子组件 import ComA from '' b. 在父组件vue的实例配置 components: {ComA} c. 在父组件template内 <com-a></com-a> d. 向子组件传递数据 <com-a :add-item="listDa 阅读全文
posted @ 2017-03-24 20:43
涵叔
阅读(108)
评论(0)
推荐(0)
摘要:
1.计算属性 computed, 自定计算属性, computed对象内只能写function 计算属性内方法会随着data内isSHow的变化而自动重新计算,isShow的值没变,count不自动执行 与methods内count方法不同,methods内count方法会每次都执行 2. 属性监听 阅读全文
posted @ 2017-03-24 17:41
涵叔
阅读(110)
评论(0)
推荐(0)
摘要:
1. 输入框 2. 单选 3.多选 myVal是数组[] 4. select 如何模拟select?怎样实现自定义组件 思路: 1.在父组件当中引入v-select子组件 2.配置父组件vue的实例选项 3.数据在父组件当中,传递给子组件 4. 子组件接收options数据 5. html代码,on 阅读全文
posted @ 2017-03-24 17:24
涵叔
阅读(129)
评论(0)
推荐(0)
摘要:
1.内置事件绑定 v-on -> @ 2. 自定义事件绑定 在父组件当中 methods: 如何触发自定义事件? 在子组件uSlide当中 点击button,执行emitAddItem 阅读全文
posted @ 2017-03-24 17:01
涵叔
阅读(211)
评论(0)
推荐(0)
摘要:
1. 绑定html标签的属性 v-bind 简写 :href , :title , :class v-bind是动态绑定,改变url,Title,redColor的值,自动更新到视图 阅读全文
posted @ 2017-03-24 16:40
涵叔
阅读(77)
评论(0)
推荐(0)
摘要:
1.方法一,添加新数据 2.方法二,更改列表某一项值 Vue.set(要更新的列表, 更新第几项, 要更新的数据) 阅读全文
posted @ 2017-03-24 16:34
涵叔
阅读(104)
评论(0)
推荐(0)
摘要:
v-text原样输出,不解析html,会当成字符串 v-html会解析html代码 阅读全文
posted @ 2017-03-24 16:26
涵叔
阅读(125)
评论(0)
推荐(0)
摘要:
1.注册 2. 引用 a.在模版当中<my-header></my-header> b.在vue实例化配置当中引入components 阅读全文
posted @ 2017-03-24 16:14
涵叔
阅读(104)
评论(0)
推荐(0)
摘要:
vue在实例化的过程当中,提供了以下钩子,在钩子方法内可以进行业务逻辑处理。 1. 实例化vue new Vue() 2.beforeCreate 创建之前 检查数据和初始化事件 3.created 实例创建完毕 4.beforeMounte 挂在之前 数据更新-》beforeUpdate-》数据渲 阅读全文
posted @ 2017-03-24 00:32
涵叔
阅读(170)
评论(0)
推荐(0)

浙公网安备 33010602011771号