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代码如下:



componentA.vue代码如下:


<

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

vue.js 父向子组件传参的实例代码_第1张图片

总结

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

你可能感兴趣的:(vue.js 父向子组件传参的实例代码)