vue2代码学习

8. 下拉框选择

v-model = "selected" option value = "www.baidu.com"

  
    选择一个网站
    Runoob
    Google
  
 
  

      选择的网站是: {{selected}}
  

7. 默认的单选按钮 

 
  Runoob

6.  单独的筛选框 type = "checkbox" v-model = "checked"

复选框多选框 type = "checkbox" v-model = "checkedNames"

  
单个复选框：
  
  {{ checked }}
	
  
多个复选框：
  
  Runoob选择
  
  Google选择
  
  taobao选择
  

  选择的值为: {{ checkedNames }}

5. 新建文件html

输入! 选择第一个

自动输入的代码段如下

4. Say what 中的say('what')为方法(参数)

调用的时候打印message就可以

 methods: {
    say(message) {
      alert(message)
    }

3. 本地生成html文件基本格式

新建html文件，输入!

选择第一个

2. 我们可以把一个数组传给 v-bind:class ，多个方法的时候 会打印下面的方法，后面的方法会覆盖上面的

    

1. efficient_canvas_mouse_move = this.throttle((e) => this.canvas_mouse_move(e, ele), 15);

它使用了一个名为throttle的函数来控制鼠标移动事件的触发频率。

这段代码的作用是创建一个名为efficient_canvas_mouse_move的函数，该函数在被调用时会执行canvas_mouse_move函数，并将鼠标事件（e）和一个名为ele的参数传递给canvas_mouse_move函数。此外，它使用throttle函数来限制调用频率，将鼠标移动事件的触发限制在每15毫秒一次。

throttle函数通常用于控制高频率事件（如鼠标移动）的处理，以防止事件处理函数被过多地调用，从而提高性能和响应性。

这段代码的具体实现可能依赖于您的代码库或工具中是否有名为throttle的函数。通常，throttle函数会接受一个事件处理函数和一个时间间隔（以毫秒为单位），并返回一个新的函数，该函数在每次调用时都会检查是否已过了指定的时间间隔，如果是，则执行事件处理函数，否则忽略调用。这有助于确保事件处理不会太频繁地触发。