vue复习-3---双向数据绑定&watch&computed

双向数据绑定

什么是双向数据绑定呢？数据改变影响视图，视图改变影响数据，这样双向的影响叫双向数据绑定

<input type="text" :value='value' @input='handleInput'> {
  {value}}
<input type="text" v-model='value'>{
  {value}}

<script>
    let app = new Vue({
    
        el: '#app',
        data: {
    
            value: 'lheng'
        },
        methods:{
    
			handleInput(e){
    
				console.log(e.target.value)
                this.value = e.target.value
			}
		}
</script>

以上是双向数据绑定的手动实现，而vue为我们提供了语法糖，v-model绑定的是value值

<div id="app">
	<!--textarea-->
    <textarea v-model='value' name="" id="" cols="30" rows="10"></textarea> {
  {value}}
    <hr>
    <!--checkbox-->
    <input type="checkbox" name="" id="" v-model='show'> {
  {show}}
    <hr>
    <!--checkbox多选-->
    <