最近在简单的学习了vue之后，通过实践去理解vue的用法和它的优点。首先先简单介绍一下文件的目录components是公共的组件,里面包含cart.vue(购物车)、product.vue(list.vue文件要用到的产品公用组件)、productDetail.vue(产品详情页面)views文件是视图文件(就是list.vue主页文件)，libs下的utils是一些公共函数，rout...

　　　首先，整个Collapse组件统一由collapse.vue管理,它的模板中包含一个插槽,给每一个面板提供空间，同时collapse.vue是整个组件的管理者，它将决定面板的显示状态（即：在collapse.vue文件中修改panel的数据）。　　　而panel.vue只需要通过数据来驱动DOM（这也正是vue的精髓所在），在panel.vue文件中只需要在标题的div上添加上一个点...

在Vue中，我们都知道v-model是用来双向绑定数据的，那么它的具体工作原理是什么呢？其实v-model指令是一个prop:value和event:input组合使用的语法糖,下面是通过render函数实现的v-model效果createElement 中的domProps选项是DOM的属性，代表我创造的input输入框value值的来源,                    ...

在我们初学组件时，只知道调用组件的时候通过import调用组件，然后显示的通过标签去调用,通过数据驱动来决定组件的显示与否，但是在看了element-ui的源码后，我才知道可以通过注册Vue原型，全局调用组件。接下来通过代码介绍原理同样，我们需要先写一个message.vue来规定message组件显示的内容<template><transition na