相关疑难解决方法(0)

我开始玩vuejs(2.0).我构建了一个包含一个组件的简单页面.该页面有一个带有数据的Vue实例.在那个页面上,我注册并将组件添加到html.该组件有一个input[type=text].我希望该值反映在父(主Vue实例)上.

如何正确更新组件的父数据？从父级传递绑定的prop并不好,并向控制台发出一些警告.他们的文档中有一些东西,但它不起作用.

我看到很多使用这种结构的Vue.js项目:

??? main.js
??? api
?   ??? index.js
?   ??? services           #containing files with api-calls
?       ??? global.js
?       ??? cart.js
?       ??? messages.js
??? components
?   ??? Home.vue
?   ??? Cart.vue
?   ??? Messages.vue
?   ??? ...
??? store
    ??? store.js
    ??? actions.js  #actions to update vuex stores
    ??? types.js
    ??? modules
        ??? global.js
        ??? cart.js
        ??? ...

(这种结构的一个例子是' Jackblog '.)

因此,例如,Cart.vue想要更新inCartVuex中的数据.为此,购物车进口actions.js:

import { inCart } from '../../store/actions'

在actions.js进口的API index.js,因此它可以连接到API.然后它更新Vuex商店中的值. …