關於vue中ref的使用方法

之前在項目中會通過ref在父子組件傳遞一些數據，但是具體ref的其他用法並沒有深究，所以來了解一下ref的具體使用方法

first：

    <div ref="hello">
<!--      綁定了data里面的值並渲染到頁面-->
      <h1 v-model="msg">{{msg}}</h1>
    </div>
//在方法或者生命周期的函數中獲取數據

console.log(this.$refs.hello.innerText);

second：

components:{node}//注冊子組件

<node ref="node">111222</node>
//在表單中使用子組件並在子組件上使用ref

console.log(this.$refs.node);
//在方法中通過refs獲取子組件的方法和屬性

 

這是獲取整個子組件的內容