一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2017-11-24 编辑:猪哥 来源:一聚教程网

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


<

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

热门栏目