半亩花田i - 博客园

2018年12月6日

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson10 一插槽内容举例：当组件渲染的时候，这个 <slot> 元素将会被替换为<font-awesome-icon>组件内的内容。插槽内可以包含字符串以及任何模板代码，包阅读全文

posted @ 2018-12-06 17:38 半亩花田i 阅读(875) 评论(0) 推荐(0)

深入了解组件- -- 自定义事件

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson09 一事件名举例：事件名不同于组件和prop,不存在任何自动化大小写的转换，而是触发的事件名需要完全匹配监听这个事件所用的名称。假如说，如果触发一个 camelCa 阅读全文

posted @ 2018-12-06 17:34 半亩花田i 阅读(392) 评论(0) 推荐(0)

2018年12月4日

深入了解组件- -- Prop

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson08 一 Prop的大小写(camelCase vs kebab-case) 举个例子： HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意阅读全文

posted @ 2018-12-04 17:58 半亩花田i 阅读(552) 评论(0) 推荐(0)

深入了解组件- -- 组件注册

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson07 一定义组件 1、组件名：在注册组件的时候我们始终需要给它一个名字，比如在全局注册的时候我们已经看到了。该组件名就是 Vue.component 的第一个参数。阅读全文

posted @ 2018-12-04 17:31 半亩花田i 阅读(813) 评论(0) 推荐(0)

Vue组件基础

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson06 一 vue组件基本实例举个例子： (1)因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、m 阅读全文

posted @ 2018-12-04 11:44 半亩花田i 阅读(285) 评论(0) 推荐(0)

2018年12月3日

Vue表单

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson05 一 vue表单基础用法举个例子：注意：有时候我们可能想把值绑定到Vue实例的一个动态属性上，这时可以用v-bind实现，并且这个属性可以不是字符串。二修饰符举阅读全文

posted @ 2018-12-03 17:44 半亩花田i 阅读(404) 评论(0) 推荐(0)

Vue事件处理

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson04 一 vue事件处理方法实现举个例子：二方法传参举个例子：三 vue访问原生DOM事件举个例子：四事件修饰符五系统修饰符(键盘事件) 配置键盘码(自定阅读全文

posted @ 2018-12-03 15:58 半亩花田i 阅读(334) 评论(0) 推荐(0)

Vue列表渲染

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson03 一 v-for循环数组输出结果：Foo Bar ，0 Foo 1 Bar 注意：也可以用of替代in作为分隔符，因为他是最接近javascript迭代器的语法。一阅读全文

posted @ 2018-12-03 14:50 半亩花田i 阅读(204) 评论(0) 推荐(0)

Vue条件渲染

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson02 一用v-if显示单个元素举个例子：输出结果：显示2 二 v-if显示多个元素需配合<template> v-else元素必须紧跟在带v-if或者v-else-if 阅读全文

posted @ 2018-12-03 14:29 半亩花田i 阅读(185) 评论(0) 推荐(0)

2018年11月30日

Vue中class与style绑定

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson01 在将 v-bind 用于 class 和 style 时，表达式的类型：除了字符串之外，还可以是对象和数组。一用对象的方法绑定class 很简单，举个例子： * 最阅读全文

posted @ 2018-11-30 10:45 半亩花田i 阅读(233) 评论(0) 推荐(0)