vue组件操作 ---ref --v-model 2018-11-05

在组件上定义ref="名字",可以通过this.$refs.名字，，，获取dom元素。。例如下面：

<div id="out">

    <h2>组件操作</h2>

    <hr/>

    <p ref="tit">组件操作组件操作v组件操作组件操作组件操作</p>

    <button @click="tap">点击</button>

</div>

</body>

<script type="text/javascript">

var vm = new Vue({

        el:'#out',

        data:{

        },

methods:{

        tap(){

            console.log(this.$refs.tit.innerHTML)//获取dom元素把dom元素的内容拿了出来

        }

    }

})

v-model,,,在输入框，单选框，多选框等等，添加v-model=“tit”的时候v-model的值必须在data里面声明；

v-model的值是他们的value值