Vue进阶之传值和调用方法-子调父和父调子

Vue进阶之传值和调用方法-子调父和父调子

前言

使用Vue有一段时间，对于组件化的封装，我是非常喜欢的，确实让我如鱼得水，用起来是真的舒服，模板化的语法也让其开发，非常简单，不过我也想说一点我可能觉得不太适应的地方，就是打包后的文件非常统一，我还不知道怎样做局部更新，在这里留个疑问吧。
在写项目的时候，遇到了组件之间的传值问题，当组件化后，组件之间经常需要传值于是各种方式层出不穷，我目前尝试过props的方式，但是不能使用在需要变化的绑定值上面。

Props 父传子

子组件

<template>
  <div>
    {
  {hot}}
    {
  {cities}}
    {
  {letter}}
  </div>
</template>

<script>
export default {
  name: 'CityList',
  props: {
    hot: Array,
    cities: Object,
    letter: String
  }
}
</script>

<style lang="stylus" scoped>
</style>

父组件

<template>
  <div>
    <city-list
      :cities="cities"
      :hot="hotCities"
      :letter="letter"