文章不是保姆级的,需要带入自己的思考。文末有体验流程的总结,可以前后对比着看。最后的参考文章都非常棒,本文参考了它们,推荐阅读。 特别提醒:助记词、私钥、lndhub wal...
首先这是一个出于了解 Vue3 语法及相关生态而搞的类似于 在简书仿简书[https://www.jianshu.com/nb/47900649] 的项目。 具体而言这个项目...
前面[https://www.jianshu.com/p/054cba3e2ea8]提到,我最近在看 Web3,这不记录下最近看到的好玩的。 忘了在哪里看到的一句话,Web3...
书接上文[https://www.jianshu.com/p/caa90fb89273] 封在家里已经两个月了,总算可以出门了,来总结一下这段时间在 Web3 中搞到的东西。...
书接上回[https://www.jianshu.com/p/caa90fb89273],一个月过去了。。。 最近在家无聊到极致,就是那种手机玩起来都没劲的那种,无聊到想学习...
最近封在家里,很难受。 需要一点新鲜的东西来玩。 瞧了一眼,dapp是个不错的玩意儿,在家闲着无聊玩一玩,反正闲着也是闲着。 先搞一个架构图看一下,一图胜千言。 架构图还是蛮...
作者‖高高 在城里住久了,总希望能有一个属于自己的院子。院子里栽一棵果树,再养几只鸡鸭,种上几畦小菜。春风徐徐,抬头就能看到瓦蓝瓦蓝的天;冬雪飘落,隔着窗扉就可以听雪声,那感...
@阿金的故事
```
import { reactive, createApp, h } from 'vue';
const state = reactive({
show: false, // toast元素是否显示
text: ''
});
const toastVM = createApp({
setup() {
return () =>
h(
'div',
{
// 这里是根据配置显示一样不同的样式
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)
// 拿到传来的数据
state.show = true
state.text = msg
setTimeout(() => {
state.show = false
}, 1000);
}
}
```
以Toast为例玩一玩Vue3在 Vue2 时写过一个 toast 插件。详见 Vue | 如何封装一个toast插件[https://www.jianshu.com/p/a11b6b22c439]。 翻...