Vue基础知识的汇总图

75 阅读1分钟

汇总了Vue2的基础知识、Vue指令

Vue基础知识汇总:

vue1.jpeg

组件要触发的事件可以通过defineEmits( [xxx] )来声明,在template中使用的$emit方法不能在组件的<script setup>中使用,但defineEmit()会返回一个相同作用的函数提供使用

Vue指令汇总:

vue2.jpeg

相关:

含义
ref模板引用,在组件或是元素中使用了ref属性ref="xxx",可以在data、mounted、methods中通过this.$ref.xxx获得该引用
Vue模板解析器支持任意标签使用/>作为关闭标志,<MyComponent />的标志
DOM模板显式写出关闭标签,<my-component></my-component>
@监听事件在封装好的组件中监听事件,则需要@click.native,才能监听到; 1、@click.stop是组织父节点事件的冒泡;2、@click.prevent阻止自身默认事件的执行,可以自定义方法