美文网首页
vue的基本框架

vue的基本框架

作者: cici_Gao | 来源:发表于2018-02-07 09:39 被阅读0次

    所有的页面放在 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 ) {
        ....
      }
    }
    

    相关文章

      网友评论

          本文标题:vue的基本框架

          本文链接:https://www.haomeiwen.com/subject/ophozxtx.html