vue的基本框架

2018-02-07  本文已影响0人  cici_Gao

所有的页面放在 src -> components 中

路径写在 src -> router -> index.js 中
(如果后面用到ajax的话 ,要这个js中添加import Resource from 'vue-resource' Vue.use(Resource))

app.vue
整个项目中 每个页面都有的组件 可以直接写在这里
(类似 导航条)

父组件传值给 子组件
父组件中

  <childer  :val="count"></childer>

子组件 接受 父组件给的值
子组件 中

 props: {
    val: {
          type: Boolean,
          default: false
    }
}

子组件 触发 父组件的事件
子组件中

something ( ) {
  ........
  this.$emit('select', value)
}

父组件 接受 子组件的事件触发
父组件中

  <childer :select="doSome"></childer>


methods: {
  doSome ( value ) {
    ....
  }
}
上一篇下一篇

猜你喜欢

热点阅读