vue相关拓展

一）v-for

在定义组件中可以使用v-f or，但因为父子组件间作用域独立，所以父组件中的数据必须通过props引入子组件中；

eg：<div id="i1">

       <my v-for="item in items" :a="item"></my>

    </div>

    Vue.component("my",{

                     template:"<p>{{a}}</p>",

                     props:["a"],

                        });

    new Vue({

            el:"#i1",

            data:{items:[....]}

            });

二）可复用组件

特点：因为父子组件的作用域不同，所以父组件必须在公开的接口将其所在的作用域与子组件的作用域连通；

props：将父组件的数据传给子组件；v-bind

事件：将子组件的动态反馈给父组件；v-on

slot：将父组件的内容传给子组件中；<slot>

三）异步加载组件

定义：异步请求时，根据服务器返回的数据去渲染一个自定义的组件，或者表示加载失败。

用法：定义一个异步组件函数。

语法：Vue.component(A,function(res,rej){})