vue的基本框架

所有的页面放在 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 ) {
    ....
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容