liwudi / vue

Vue相关demo

Vue学习示例

vue-demo部分

使用8个demo练习Vue的基础

这8个基础的demo分别有 hello world、v-bind 属性绑定、 v-if 的条件渲染、v-for 的列表渲染、 组件component、 动画transition等的简单使用

vue-components部分

专门使用示例来描述 Vue 的组件component的具体使用

component1是一个组件的全局注册的示例。

component2是一个组件的局部注册的示例。

component3是一个组件的data表示的正确方式

component4是一个使用props传递数据的组件示例。

component5是一个驼峰式命名以及短横线分割式命名在props中的使用示例。

component6是一个动态props绑定属性的demo。

component7是一个动态props传递一个对象属性的方法。（能够把对象中的每一项当做属性传递下去）

component8是一个props验证的示例

component9是一个非props特性的示例，父组件的class覆盖、合并子组件的class

component10是一个自定义事件的示例，子组件向父组件传值。

component11是一个父元素和子元素（通过.sync）双向绑定的示例。

component12是一个v-model的本质演示。（v-model的本质是v-bind和v-on的语法糖）。

component13

component14是一个组件通信的示例，两个非父子组件相互之间通信。

component15是一个组件使用插槽分发内容的示例

vue-router部分

专门使用一个个的 vue-router 的实例来讲解路由

router1，一个最简单的路由示例

router2，

vuex部分

这个是专门学习vuex数据管理的demo

vuex1，一个最简单的vuex示例

ElementUi部分

element1，一个简单的element-ui的使用示例

vue-cli-pro

这是一个专门使用vue的脚手架搭建的项目