Jialong Lu
Jialong Lu
```vue // 你的答案 import { onMounted, defineCustomElement, render, h } from "vue" /** * Implement the code to create a custom element. * Make the output of page show "Hello...
```vue // 你的答案 interface TreeData { key: string title: string children: TreeData[] } defineProps() function CommonTree () { return } {{ parent.title }} ```
```vue // 你的答案 import { ref, computed, watch, watchEffect, effectScope } from "vue" const counter = ref(1) const doubled = computed(() => counter.value * 2) // use the `effectScope` API...
```vue // 你的答案 import { reactive, isReactive, toRaw, markRaw } from "vue" const state = { count: 1 } const reactiveState = reactive(state) /** * Modify the code so that...
```vue // 你的答案 Hello Vue.js p { font-size:20px; color:red; text-align: center; line-height: 50px; } /* Make it work */ :global(body) { width: 100vw; height: 100vh; background-color: burlywood; } ```
```vue // 你的答案 import { ref, onMounted, onUnmounted } from 'vue' // Implement ... function useEventListener(target, event, callback) { onMounted(() => { target.addEventListener(event, callback, false) }) onUnmounted(() => { target.removeEventListener(event,...
```vue // 你的答案 A A A function onClick1(){ console.log('onClick1') } function onCtrlClick(){ console.log('onCtrlClick') } function onClick2(){ console.log('onClick2') } ```
```vue // 你的答案 import { ref, h } from "vue" /** * Implement a functional component : * 1. Render the list elements (ul/li) with the list data * 2....
```vue // 你的答案 import { DirectiveBinding } from 'vue' /** * Implement the custom directive * Make sure the `onClick` method only gets triggered once when clicked many times quickly...
```vue // 你的答案 import { ref } from "vue" const state = ref(false) /** * Implement the custom directive * Make sure the input element focuses/blurs when the 'state' is...