您根本不需要 jQuery
。
應(yīng)用程式 mounted()
/onMounted()
鉤子將在所有元件安裝完畢後運(yùn)行。
請參考下面的操場。
應(yīng)用程式掛鉤在最後運(yùn)行。
查看有關(guān) Lifecycle Hooks 和 onMounted()
const { createApp, onMounted } = Vue const Comp = { props: ['num'], setup(props) { onMounted(() => { console.log(`Comp[${props.num}]: onMounted(): from setup()`)} ); }, mounted() { console.log(`Comp[${this.num}]: mounted(): from Options API`) } } const App = { components: { Comp }, setup() { onMounted(() => { console.log("onMounted(): from setup()")} ); }, mounted() { console.log("mounted(): from Options API") } } const app = createApp(App) app.mount('#app')
#app { line-height: 1.75; } [v-cloak] { display: none; }
<div id="app" v-cloak> <comp v-for="n in 100" :key="n" :num="n"></comp> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>