- 博客(10)
- 收藏
- 关注
原创 文字垂直居中的方法记录
1、给个行高2、多行文本固定高度垂直居中 content age .wrapper{ height:400px; display:table; } .content{ vertical-align:middle; display:table-cell; border:1pxsolid#FF0099;
2017-03-23 17:42:07 476
原创 比例固定的响应式图片笔记
div{ width:100%; padding-bottom:50%; height:0; overflow:hidden}img{ width:100%}用此方法可实现
2017-03-21 13:29:04 377
原创 vue2.0 v-bind的用法
Vue.component('todo-item', { props: ['todo'], template: '{{ todo.text }}'})var app7 = new Vue({ el: '#app-7', data: { groceryList: [ { text: '蔬菜' }, { text: '奶酪' }, { t
2017-03-18 12:48:49 3193
原创 vue2.0 路由 学习笔记
vue2.0 路由:http://router.vuejs.org/zh-cn/index.html基本使用:1. 布局主页2. 路由具体写法,重定向{path:'*', redirect:'/home'} Document .router-link-active{ font-
2017-03-08 22:52:31 3087
原创 vue 2.0 transition学习笔记
运动东西(元素,属性、路由....)class定义:.fade-enter{} //初始状态.fade-enter-active{} //变化成什么样 -> 当元素出来(显示).fade-leave{}.fade-leave-active{} //变成成什么样 -> 当元素离开(消失)如何animate.css配合用?
2017-03-04 00:04:52 4116
原创 vue 2.0 单一事件中心管理组件通信
1、声明var Event=new Vue();2、传递数据Event.$emit(事件名称, 数据)3、接收数据,注意this指向Event.$on(事件名称,function(data){//data}.bind(this));栗子: Document
2017-03-02 23:50:51 443
原创 vue 2.0 键盘按键栗子
Document Vue.config.keyCodes.a=65; window.onload=function(){ new Vue({ el:"#box", data:{ }
2017-03-01 23:30:44 535
原创 vue2.0 生命周期图以及栗子
先上个图。。后面有栗子,可直接复制运行演示。栗子: 生命周期demo {{msg}} window.onload=function(){ new Vue({ el:"#b
2017-03-01 22:47:37 462
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人