toref的使用：
1.attrs 的使用： 其實就是父元件傳遞的屬性
//使用元件 child
template:`
`, setup(props,context) =vue;
const data = reactive();
return
}});
//定義元件 child
template:`
child
`, setup(props,context)
const =context;
//列印一下 attrs 是none-props 屬性，即：父元件傳遞過來的引數
2.slots 其實就是父元件的插槽
//使用元件 child
template: `
`, setup(props, context) =vue;
const data = reactive();
return
}});
//定義元件 child
setup(props, context) =vue;
//提取裡面的
const =context;
//可以先列印一下 看看 slots 有什麼引數
console.log(slots);
//返回 render 函式 虛擬dom，會直接替換掉 child元件的 這個要注意。
其實就是預設插槽把，渲染看看出來 父元件裡面給的插槽 `child插槽 - 1`
注意：如果你不用這個setup 你完全可以這樣獲取： 這也是以前的獲取方法，一樣的。。。
3. emit ，其實就是事件：
//使用元件 child
template: `
`, methods:
}});
//定義元件 child
template: `
點選我`,
setup(props, context) =context;
//定義 handelclick 這個方法，使用emit 返回這個事件。。。
function handelclick()
//返回handelclick 這個引數 【一定要返回 不然沒效果，因為你使用的是 emit 返回的事件觸發 】
Vue3中ref和toRef的區別
1.ref是複製,檢視會更新如果利用ref將某乙個物件中的某乙個屬性值變成響應式資料 我們修改響應式資料是不會影響原始資料的 同時檢視會跟新。ref就是複製 複製是不會影響原始資料的 按鈕 2.toref是引用,檢視不跟新如果利用toref將某乙個物件中的屬性變成了響應式的資料 我們修改響應式的資料...
vue頁面跳轉以及傳參和取參
vue中this.router.push 路由傳值和獲取的兩種常見方法 1 路由傳值 this.router.push 1 想要導航到不同的url，使用router.push 方法，這個方法會向history棧新增乙個新紀錄，所以，當使用者點選瀏覽器後退按鈕時，會回到之前的url 2 當點選 時，這...
vue中router link傳參以及引數的使用
方法一 路徑 http localhost 8080 index 1 router link to index id 跳轉 id是引數 路由 引數使用 this.route.params.id 這個id給上圖路由的配置有關 方法二 路徑 http localhost 8080 index?name ...