敏达博客

2018-9-25阅读(1082)评论(0)

慕课网Vue学习,vue实战项目,去哪网实例,在线演示地址 去哪网Vue项目在线演示Author: 十月梦想项目模仿页面: 首页(/)+城市选择页(/city)+购票详情页(/detail)项目初次接触Vue,vuex,vue-router,axios等!本项目仅供学习Vue.js使用!严禁用于其他用途!码云开源地址https://gitee.co...

2018-9-22阅读(1148)评论(2)

什么是vuex?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 安装vuex...

2018-9-16阅读(851)评论(0)

        有两种方式封装动画效果css和js方式   css封装动画 首先使用css封装的方式实现封装组件动画(组件封装)Vue.component('trans',{     temp...

2018-9-16阅读(778)评论(0)

        首先我们定义一个列表循环的元素放在transition-group中<div id="app">     <transition-group>   ...

2018-9-16阅读(884)评论(0)

在vue中使用动画都要放在transition组件中,以后不再累述!我们还看上个例子!<div id="app">     <transition @before-enter="beforeEnter" @enter="...

2018-9-16阅读(1199)评论(0)

动画库和过渡我们都简单介绍了如何单独使用!那么一起使用其实就是两者结合<div id="app">     <transition            &n...

2018-9-16阅读(3089)评论(0)

看一下上次的代码,最基础的把需要实现动画的代码块放在transition组件内<div id="app">     <transition           &nbs...

2018-9-16阅读(1165)评论(0)

实现一个点击切换元素的隐藏和显示状态!<div id="app">     <transition>         <p v-if="show"...

2018-9-15阅读(593)评论(0)

如何实现一个组件的切换显示呢?动态组件前台控制两个组件使用v-if条件渲染,给一个按钮一个切换方法<child-one v-if="type=='child-one'" v-once></child-one> <child-two v-if="type...

2018-9-15阅读(919)评论(0)

前面我们说了插槽的内容替代可以使用slot进行,根据不同name的插槽修改内容,但有时候我们希望复用的插槽样式也不近相同要从父组件传递!那么就引入了局部插槽!我们利用v-for插槽使用!定义一个插槽Vue.component('child',{     template:`   ...