2020年2月10日
vue中组件的切换方式
摘要： 方式一 使用v-if和v-else实现切换 定义组件 Vue.component('myTag1',Vue.extend({ template:'<p>tag1</p>' })) Vue.component('myTag2',Vue.extend({ template:'<p>tag2</p>' } 阅读全文
posted @ 2020-02-10 22:26 程序员徐小白 阅读(111) 评论(0) 推荐(0)
Vue.component的属性
摘要： Vue.component(‘组件名称’，{})中的属性 1.template 作用：用来定义组件的html模板 使用：直接接字符串 Vue.component('组件名称'， { template:'<p>aaa</p>' }) 2.data 作用： 定义一个在组件中使用的数据 定义： Vue.c 阅读全文
posted @ 2020-02-10 20:02 程序员徐小白 阅读(362) 评论(0) 推荐(0)
vue中组件的定义方法
摘要： 作用： 拆分Vue实例的代码，能够让我们以不同的组件来划分不同的功能模块，直接调用对应的组件即可 方便ui组件的重用 与模块化的区别： 模块化是从代码逻辑的角度进行划分的，代码的没一层结构就是一个模块，业务逻辑层，server层等 一般是后端，保证每个模块的职能单一 组件化是从ui界面的角度进行划分 阅读全文
posted @ 2020-02-10 18:51 程序员徐小白 阅读(384) 评论(0) 推荐(0)
Vue中的动画
摘要： 1.过渡类名实现动画 四个时间点：v-enter，v-enter-to，v-leave,v-leave-to 入场时元素从v-enter变化到v-enter-to的状态，退场时元素从v-leave变化到v-leave-to 作用：使页面中的元素出现和消失不会很突兀，加一个过渡效果 使用： 用tran 阅读全文
posted @ 2020-02-10 13:58 程序员徐小白 阅读(76) 评论(0) 推荐(0)