12 2017 档案
摘要：全局注册组件 global-component是自定义标签名称，建议遵循W3C规则（全部小写，必须包含连字符(-)） 全局注册组件的语法格式为Vue.component(tagName, options) 全局注册的组件要在Vue实例化之前注册完成 局部注册组件 Vue对象实例化时，第5个参数类型c
阅读全文
摘要：本篇主要说明表单控件的数据绑定，这次没有新的知识点 文本框 1、普通文本框 2、数字文本框 .number参数会强制把返回值转成Number类型，因为就算是type="number"，返回的也是字符串型 3、多行输入框 style="white-space:pre"表示空白会被浏览器保留。其行为方式
阅读全文
摘要：computed属性 Vue对象实例化时，之前接触过了el、data、methods，这里再介绍一个computed computed的定义和methods的定义是一样的，但是在理解上可以理解为methods是类的方法，computed是类的属性 但是，computed默认是没有set方法的，我们可
阅读全文
摘要：监听事件 v-on指令，用于绑定事件，事件的处理是对counter变量累加 那么问题来了，实际应用中事件的处理并没有这么简单，在处理复杂的逻辑时，这种方式就不合适了，这时需要定义一个方法来处理 这里，我们又看到了一个陌生的东西@click，他是v-on:click的简写 到目前为止，我们已经学到了2
阅读全文
摘要：遍历数组和对象 和条件选择一样，循环也和其他语言类似，也尝试着用一个例子解决问题 外循环的sites是一个数组，遍历数组的语法格式：(item, index) in items，item指迭代元素，index指索引，items指原始数据数组 内循环的site是一个对象，遍历对象的语法格式：(valu
阅读全文
摘要：条件选择 条件选择的用法和其他语言类似，一个例子就能解决所有问题 随机出一个分数，将值赋给number，通过对number值的判断显示符合条件的内容 v-if与v-show v-if与v-show在用法上是一样的，最终展示出来的结果也是一样的，区别在于 v-if：真实的条件渲染，在条件为假时什么也不
阅读全文
摘要：Class绑定的对象语法 最基础样式绑定，是否使用样式由后面的布尔值决定 也可以绑定一个对象，这样看起来代码更清爽一些 这两段代码中有个地方要特别注意一下，Bootstrap的text-danger属性分别使用了textDanger（驼峰式）和text-danger（串联式）的写法，这2种写法Vue
阅读全文
摘要：双花括号文本插值 先来个最简单的例子，看完之后立马会用Vue了，是不是很有成就感 https://unpkg.com/vue是官方的地址，直接引用能随时保持使用的是最新版本，但是缺点是外国的网站，访问速度有点慢。当然也可以下载到本地来使用 这里Vue对象实例化仅仅给了2个参数，el(元素)和data
阅读全文
