vue
js中的
事件
绑定
，
使用
<v xss=removed>来完成的，这里函数名是定义在
Vue
实例中的methods
对象
中的，
Vue
实例可以直接访问其中的方法。
二、
事件
绑定
方式
1、 直接在标签中写js方法
<button v-on:click=alert（'hi'）>执行方法的第一种写法</button>
2、调用method的办法
<button v-on:click=run()>执行方法的第一种写法</button>
<button @click=run()>执行方法的 简写 写法</button>
export default {
data ()
使用
$attrs或者context.attrs获取所有属性
使用
v-bind="$attrs"
批量
绑定
属性
使用
const {size,...rest} = context.attrs将属性分开，...rest是ES6的剩余操作符
默认情况下，组件上的 v-model
使用
modelValue 作为 prop 和 update:modelValue 作为
事件
。我们可以通过向 v-model
传递参数
来修改这些名称。正因为可以修改名称，
vue
3支持在单个组件上，
绑定
多个
不同名字的v-model，来看示例。
父组件index.
vue
：
<script lang="ts">
import { ref } from "
vue
"
import ModelTest from './modelTest.
vue
'
export defa
前言：最近团队需要做一个分享，脚进脑子，不知如何分享。最后想着之前一直想研究一下
vue
源码，今天刚好 “借此机会” 研究一下。
网上研究
vue
数据
绑定
的文章已经非常多了，但是自己写一遍，敲一遍demo和看别人的文章是完全不同的，so……搬运工来了
目前数据
绑定
主要有以下三种实现方式：
1. 脏值检查（angular.js） 轮询检测数据变化
DOM
事件
，譬如用户输入文本，点击按钮等。( ng-click )
XHR响应
事件
( $http )
浏览器Location变更
事件
( $location )
Timer
事件
( $timeout , $interval )
给
Vue
v-for循环出的元素
批量
添加点击
事件
，并以自己在数组中的下标为参数
给
Vue
v-for循环出的元素
批量
添加点击后激活的css类（三元运算符方式），且在点击其他同列元素的时候自动取消该类
给
Vue
v-for循环出的元素添加 切换路由 的
事件
