transition 的使用props:1.name 过渡名，会自动生成拓展的过渡的class名2.过渡class:enter-class,leave-class,enter-active-class,leave-active-class,appear-class,appear-active-class,(也可以使用 过渡名-[enter|leave|enter-active.

Vue的组件api 主要来自三部分 props：外部数据传递给组件events:组件触发外部状态的改变slots:各个组件的混合组合使用javascript对子组件操作的备用方案： 使用ref为子组件添加一个索引id 可以使用 vueobj.$refs.refID来获取注意：$refs只在组件渲染完成后才填充，它仅作为访问子组件的应急方案（暂时没有发现在何种情况下会使用

在这里我觉得讲 computed  和methods放在一起讨论 更 便于 理解。computed：{{comput1}}var vm = new Vue({el: '#example',data: {message: 10},computed: {comput1: function () {return this.message

使用slots 分发内容，组件直接套用组件的话，父级组件会将子级组件覆盖掉，不能实现需求的效果，为了实现该效果就需要使用 slots来内容分发。

混合对象可以包含任意组件选项。组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。

绝大多数情况下使用template来构建html,然而有些时候需要使用

问题描述： data () {return {goods:0,dataGoods:[{id:1,title:'1',imgsrc:'./src/img/timg1.jpg',price:10.00},{id:2,title:'2',imgsrc:'./src/img/timg2.jpg',price:20.02},{id

子组件要把数据传递给父级 依靠自定义事件

props使用方法Vue.component('my-component',{props:['message'],template:'{{message}}'});注意：props 的声明需要放在template的前面props可以使用实例中的变量赋值全局组件可以获取用使用prop 的做操作下面例子为m

v-for的使用的方法，和注意事项。v-for 给了两个参数 key和 index这里需要对遍历的数据 分为 数组 和对象分别对待数组下是没有 key值的而对象下可以得到参数key值 实际显示效果如下：