摘要：
全局组件 所有实例都能用全局组件。 HTML 效果展示自定义组件的HTML内容。 局部组件 我们也可以在实例选项中注册局部组件，这样组件只能在这个实例中使用： HTML 效果同上也是输出HTML内容。 阅读全文
posted @ 2017-06-29 10:18
boonya
阅读(379)
评论(0)
推荐(0)
摘要：
Vue.js 组件组件（Component）是 Vue.js 最强大的功能之一，组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 语法定义 注册一个全局组件语法格式如下： tagName 为组件名， 阅读全文
posted @ 2017-06-29 10:11
boonya
阅读(302)
评论(0)
推荐(0)
摘要：
概念说明 v-model指令：在表单控件元素上创建双向数据绑定。v-model 会根据控件类型自动选取正确的方法来更新元素。 输入框 实例中演示了 input 和 textarea 元素中使用 v-model 实现双向数据绑定： HTML 效果如图： 复选框 复选框如果是单个为逻辑值，如果是多个则绑 阅读全文
posted @ 2017-06-29 10:04
boonya
阅读(1965)
评论(0)
推荐(0)
摘要：
事件修饰符 Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。Vue.js通过由点(.)表示的指令后缀来调用修饰符。 .stop .prevent .capture .self 阅读全文
posted @ 2017-06-29 09:42
boonya
阅读(3719)
评论(0)
推荐(0)
摘要：
事件监听可以使用 v-on 指令. v-on:click表达式 HTML: 每点一次按钮结果就增加1。 v-on:click调用方法 HTML 点击按钮调用greet方法。 v-on:click调用方法传递参数 HTML 点击按钮会提示相应的信息。 阅读全文
posted @ 2017-06-29 09:36
boonya
阅读(676)
评论(0)
推荐(0)
摘要：
我们可以在 v-bind:style 直接设置样式： 直接添加样式属性 HTML 效果如图： 绑定到样式对象 HTML 效果如图： 多样式绑定 HTML 效果如图： 注意：当 v-bind:style 使用需要特定前缀的 CSS 属性时，如 transform ，Vue.js 会自动侦测并添加相应的 阅读全文
posted @ 2017-06-29 09:23
boonya
阅读(36812)
评论(0)
推荐(1)
摘要：
class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。 动态切换多个 class HTML text- 阅读全文
posted @ 2017-06-29 09:09
boonya
阅读(18389)
评论(1)
推荐(2)
摘要：
computed属性 HTML 效果： 实例中声明了一个计算属性 reversedMessage 。 提供的函数将用作属性 vm.reversedMessage 的 getter 。 vm.reversedMessage 依赖于 vm.message，在 vm.message 发生改变时，vm.re 阅读全文
posted @ 2017-06-29 08:43
boonya
阅读(2088)
评论(0)
推荐(0)
浙公网安备 33010602011771号