Sorry, your browser cannot access this site
This page requires browser support (enable) JavaScript
Learn more >
Vue3入门教程

Vue3简介。

Web前端

propsProps 声明使用 <script setup> 的单文件组件中，props 可以使用 defineProps() 宏来声明： 12345<script setup>const props = defineProps(['foo'])console.log(props.foo)</script> 单向数据流所有的 pr...
侦听器

Vue3监听资源变化。

Web前端
模版引用（访问DOM元素）

Vue3访问dom元素。

Web前端

全局注册 app.component() 方法，让组件在当前 Vue 应用中全局可用。 123import MyComponent from './App.vue'app.component('MyComponent', MyComponent) 全局注册的组件可以在此应用的任意组件的模板中使用： 1234<!-- 这在当前应用的任意组件中都可...

组件 v-modelv-model 可以在组件上使用以实现双向绑定。 当使用在一个组件上时，v-model 会被展开为如下的形式： 1234<CustomInput :modelValue="searchText" @update:modelValue="newValue => searchText = newValue"/> ...

插槽 Slots插槽内容与出口一个 <FancyButton> 组件，可以像这样使用： 123<FancyButton> Click me! <!-- 插槽内容 --></FancyButton> 而 <FancyButton> 的模板是这样的： 123<button class="fancy-btn"...

组件事件触发与监听事件子组件上抛 12<!-- MyComponent --><button @click="$emit('someEvent')">click me</button> 父组件监听 1<MyComponent @some-event="callback" /> 事件...
组件基础

Vue3组件的使用。

Web前端