摘要:
测试题目:使用 D3 绘制一个折柱混合图,示例数据如下: data = [ ["时间", "销售额", "增长率(%)"], ["一月", 27506, 20.8], ["二月", 24399, 5.4], ["三月", 23120, 22], ["四月", 22053, 0.4], ["五月", 阅读全文
摘要:
这个小项目是在网上看到的,通过它,我第一次使用了CSS,虽然感觉使用起来非常的繁琐,此外我修复了一些bug,加了一张图片,改动了一些地方 附上文件压缩包下载地址:https://i-beta.cnblogs.com/files HTML代码: 1 <!DOCTYPE html> 2 <html la 阅读全文
摘要:
这个贪吃蛇是在网上看到的一个例子,于是自己模仿着写了一个 html代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>贪吃蛇</title> 5 <meta charset="UTF-8"> 6 <meta name="keywords" content 阅读全文
摘要:
可变参数: function sum (...num){ console.log(num); } 下面这些方法是响应式的: 注意:在Console通过索引值修改数组中的元素,不是响应式的 this.letters[0] = 'bbbb'; Vue.set()也是响应式的 下面这个例子的功能是:单击会 阅读全文
摘要:
v-html:以html的形式解析 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <h2 v-html='url'></h2> </div> <sc 阅读全文
摘要:
在单选按钮(type="radio")、复选框(type="checkbox")和选择栏(select)中,value的值赋予v-model: 有时我们可能想把值绑定到 Vue 实例的一个动态属性上,这时可以用 v-bind 实现,并且这个属性的值可以不是字符串。 阅读全文
摘要:
下面的代码实现的有:单行文本、多行文本、复选框(checkbox)、单选按钮(radio)、选择框(selected) 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script s 阅读全文
摘要:
修饰符是由点开头的指令后缀来表示的: 事件修饰符: 方法中最好只有纯粹的的数据逻辑,而不是处理DOM事件细节。这时候就会用到事件修饰符 <!-- 阻止单击事件继续传播 --> <a v-on:click.stop="doThis"></a> <!-- 提交事件不再重载页面 --> <form v-o 阅读全文
摘要:
setter:设置值时触发, getter:获取值时触发, vue中computed属性默认为getter,但是它还提供了setter,可以由因变量去影响自变量。 1 computed: { 2 fullName: { 3 // getter 4 get: function () { 5 retur 阅读全文
摘要:
Vue的侦听属性可以使用 watch ,它可以监听多个变量,一旦它们发生了变化,就执行function函数,var代表的是这个发生变化了的参数。 var vm = new Vue({ el: '#demo', data: { firstName: 'Foo', lastName: 'Bar', fu 阅读全文