JSFiddle

20170808's public fiddles

• vue-过滤器

  Vue (edge), HTML, CSS, Vue

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vue路由

  vue-router

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 兄弟组件通信

  通过eventHub通信

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 爷孙通信

  Vue (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 子传父

  子组件通过$emit将数据传给父组件

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 父传子

  父组件通过props将数据传给子组件

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 将组件的模板写到html里

  将组件的template写到html里，然后在组件里传选择器

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 组件的父子通信

  vue组件父子之间通信

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vue组件的最基本用法

  vue组件的最基本用法

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vue的计算属性

  vue的计算属性，通过缓存的sum求出average

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vue的select

  vue的select

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vue的单选和多选

  Vue (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 多个v-on事件

  多个v-on事件用对象包起来

• Private fiddle Extra
• Delete fiddle
Groups Extra
• v-for配合运算

  v-for配合运算{{food.price * food.discount}}

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 面向对象的选项卡

  面向对象的选项卡

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 面向过程的选项卡

  面向过程的选项卡

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 组件的用法component

  vue组件component的基础使用

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vue输入框

  输入框双向绑定，及v-if显示隐藏

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 对象操作

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 文字显示两行，超出两行部分显示省略号

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• ▶︎
• 3