tofu-xx
tofu-xx
### Vue version 3 ### Link to minimal reproduction https://private-user-images.githubusercontent.com/124511155/343743718-3aad9f59-0555-4711-a5e7-076c2a2fd168.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3OTY2MjksIm5iZiI6MTcxOTc5NjMyOSwicGF0aCI6Ii8xMjQ1MTExNTUvMzQzNzQzNzE4LTNhYWQ5ZjU5LTA1NTUtNDcxMS1hNWU3LTA3NmMyYTJmZDE2OC5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzAxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwMVQwMTEyMDlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yZjBiNWI4ZWJjNGNkZDAyMDVlYzU1ZmI5YTdlNDQyMzY2OTRlYmMyNmRkZDQ5MGM3ODU2YzZhZjk5ZDdlY2NmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.rtmkXejYD9q6KLvHmBkOV8gQ32bA1SIkgNp2jhZ3TMY ### Steps to reproduce 这只是一张图片 This is just a picture https://cn.vuejs.org/guide/reusability/custom-directives.html ### What is expected? 页面不偏移 Page not offset ###...
```vue {{ key }} ``` 
```vue import { h, defineComponent } from "vue" export default defineComponent({ setup: (_, { slots, emit }) => () => h('button', { onClick: () => emit('custom-click') }, slots.default()) }); ```
```vue import { ref } from "vue" /** * Implement a functional component : * 1. Render the list elements (ul/li) with the list data * 2. Change the list...
```vue Hello Vue.js p { font-size:20px; color:red; text-align: center; line-height: 50px; } /* Make it work */ body { width: 100vw; height: 100vh; background-color: burlywood; } ```
```vue import { ref } from "vue" const theme = ref("red") const colors = ["blue", "yellow", "red", "green"] setInterval(() => { theme.value = colors[Math.floor(Math.random() * 4)] }, 1000) hello ```