chevron_left

Vue 2 实践教程

免费
第 4.2 回

教程文档

Vue 2 实践教程 - $ref 别名

2023年11月23日
Vue 2 实践教程

$ref 别名

父组件

src/views/Home.vue

<template>
  <div>
    <button @click="handleClick">点击父组件,调用子组件的方法</button>

    <Child ref="child" />
  </div>
</template>

<script>
import Child from '../components/Child';

export default {
  components: {
    Child
  },
  methods: {
    handleClick(){
      this.$refs.child.inc()
    }
  }
};
</script>

子组件

src/components/Child.vue

<template>
  <div>
    <h2>Hello,长乐未央</h2>

    统计数:{{ count }}
  </div>
</tem...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手