javascript - vue单页面组件传递参数

Question

vue的单页面组件的父子之间传递参数可以从下面的stackoverflow上明白方法，
http://stackoverflow.com/ques...
但是对于传递参数到父组件的方法没搞懂，如下图，

懵懵懂懂，我要怎么传这个content,我的测试文件test.js中是这样的：
export default {
data(){

  return {
     content: 'lalala'
  }

}
}
所以请问大神们，有没有方法传递参数给父组件

Answer 1

export default {//content}

这种 你引用的时候
import whatever from '.../xxx'

---

你引用
import { content } from '.../xxx'

导出的时候

let content = {//content}
export { content }

Answer 2

看你的代码表达的意思是引入content然后，把这个传值给appHeader组件。

然后针对你所谓的空值，是因为，你的import方式引进的啊，注意你的代码

export default {
    data(){
      return {
         content: 'lalala' // 这个是在data下面
      }
    }，
    content: 'lalala'
}

最后，vue1中是双向绑定的，实际上引用的同一个堆上的对象，子组件中修改了数据，父组件直接就接收到变化了。

Answer 3

试出一种方法
test.js中，改为

然后在vue.js中加入

这样可以引入进来，现阶段是提供测试数据，填充页面，等和后台交互的时候应该需要用到ajax