2019年11月12日
组件之间通信（兄弟组件）
摘要： 1.路由URL参数和localStorage（可忽略） 在传统开发时我们常常把需要跨页面传递的数据放到url后面，跳转到另外页面时直接获取url字符串获取想要的参数即可，在vue跨组件时一样可以这么做， // router index.js 动态路由 { path:'/params/:Id', co 阅读全文
posted @ 2019-11-12 10:23 半雨烟缘 阅读(2121) 评论(0) 推荐(0)
组件之间通信（子传父$emit）
摘要： 通过$emit 实现子组件向父组件通信 vm.$emit( event, arg ) //$emit 绑定一个自定义事件event，当这个这个语句被执行到的时候，就会将参数arg传递给父组件，父组件通过@event监听并接收参数。 //父组件 <template> <div> <h1>{{title 阅读全文
posted @ 2019-11-12 10:12 半雨烟缘 阅读(313) 评论(0) 推荐(0)
组件之间通信（父传子）
摘要： 通过prop实现通信 <!-- 父组件 --> <template> <div> <h1>我是父组件！</h1> <child message="我是子组件一！"></child> //通过自定义属性传递数据 </div> </template> <script> import Child from 阅读全文
posted @ 2019-11-12 10:06 半雨烟缘 阅读(181) 评论(0) 推荐(0)
2019年5月7日
flex布局
摘要： 容器属性详述 1.flex-direction 决定主轴的方向，即项目排列的方向，有四个可能的值：row(默认)|row-reverse|column|column-reverse row:主轴为水平方向，项目沿主轴从左至右排列 column：主轴为竖直方向，项目沿主轴从上至下排列 row-reve 阅读全文
posted @ 2019-05-07 14:28 半雨烟缘 阅读(129) 评论(0) 推荐(0)