文章不是保姆級(jí)的淫茵,需要帶入自己的思考爪瓜。文末有體驗(yàn)流程的總結(jié),可以前后對(duì)比著看匙瘪。最后的參考文章都非常棒铆铆,本文參考了它們蝶缀,推薦閱讀。 特別提醒:助記詞薄货、私鑰翁都、lndhub wal...
首先這是一個(gè)出于了解 Vue3 語法及相關(guān)生態(tài)而搞的類似于 在簡(jiǎn)書仿簡(jiǎn)書[http://www.reibang.com/nb/47900649] 的項(xiàng)目柄慰。 具體而言這個(gè)項(xiàng)目...
前面[http://www.reibang.com/p/054cba3e2ea8]提到,我最近在看 Web3税娜,這不記錄下最近看到的好玩的坐搔。 忘了在哪里看到的一句話,Web3...
書接上文[http://www.reibang.com/p/caa90fb89273] 封在家里已經(jīng)兩個(gè)月了凳忙,總算可以出門了,來總結(jié)一下這段時(shí)間在 Web3 中搞到的東西禽炬。...
書接上回[http://www.reibang.com/p/caa90fb89273]艺演,一個(gè)月過去了。桐臊。胎撤。 最近在家無聊到極致,就是那種手機(jī)玩起來都沒勁的那種断凶,無聊到想學(xué)習(xí)...
作者‖高高 在城里住久了懒震,總希望能有一個(gè)屬于自己的院子。院子里栽一棵果樹惩阶,再養(yǎng)幾只雞鴨挎狸,種上幾畦小菜。春風(fēng)徐徐断楷,抬頭就能看到瓦藍(lán)瓦藍(lán)的天;冬雪飄落,隔著窗扉就可以聽雪聲崭别,那感...
@阿金的故事
```
import { reactive, createApp, h } from 'vue';
const state = reactive({
show: false, // toast元素是否顯示
text: ''
});
const toastVM = createApp({
setup() {
return () =>
h(
'div',
{
// 這里是根據(jù)配置顯示一樣不同的樣式
class: [
'lx-toast',
],
style: {
display: state.show ? 'block' : 'none',
background: "#000",
color: "#fff",
width: '100px',
position: "fixed",
top: "50%",
left: "50%",
transform: "translate(-50%, -50%)",
padding: "8px 10px",
}
},
state.text
);
}
});
const toastWrapper = document.createElement('div');
toastWrapper.id = 'lx-toast';
document.body.appendChild(toastWrapper);
toastVM.mount('#lx-toast');
export function useToast() {
return function Toast(msg) {
console.log(msg)
// 拿到傳來的數(shù)據(jù)
state.show = true
state.text = msg
setTimeout(() => {
state.show = false
}, 1000);
}
}
```
以Toast為例玩一玩Vue3在 Vue2 時(shí)寫過一個(gè) toast 插件冬筒。詳見 Vue | 如何封裝一個(gè)toast插件[http://www.reibang.com/p/a11b6b22c439]。 翻...