vue.js  父向子组件传参的实例代码

1.新建componentA.vue组件，代码如下：

store.js代码如下：

const STORAGE_KEY = 'todos-vue.js'
export default{
  fetch(){
    return JSON.parse(window.localStorage.getItem(STORAGE_KEY) || '[]')
  },
  save(items){
    window.localStorage.setItem(STORAGE_KEY,JSON.stringify(items));
  }
}

App.vue代码如下：

#app {
 font-family: 'Avenir', Helvetica, Arial, sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-align: center;
 color: #2c3e50;
 margin-top: 60px;
}
.finished{
 text-decoration: underline;
}

componentA.vue代码如下：

<

点击按钮之后效果图如下：

总结

以上所述是小编给大家介绍的vue.js  父向子组件传参的实例代码，希望对大家有所帮助！