Vue组件
- 在src中components中,新建组件(首字母建议大写)举例我的
- 写入template,script style标签
- 在app.vue中引用组件
js中先引入// 第一步引入组件import Header from ‘./components/Header.vue’// 第二步:在export default注册组件 components: { Header }
第三步使用组件
Vue2.0的三种常用传值方式:
父传子、子传父、非父子组件传值
引用官网的一句话:父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息
非父子组件之间传值,需要定义个公共的公共实例文件bus.js,作为中间仓库来传值,不然路由组件之间达不到传值的效果。
详情可参考:https://blog.****.net/lander_xiong/article/details/79018737