Disallow the use of reserved names in component definitions JS-0707
Name "Dialog" is reserved in HTML
28import Vue from "vue";
29import EventBus from "@/events/events";
30export default {
31 name: "Dialog",32 props: {
33 title: {
34 type: String,Name "Dialog" is reserved in HTML
49
50export default {
51 components: {
52 Dialog53 },
54 data: () => ({
55 text: "",Name "Dialog" is reserved in HTML
18import Dialog from "@/components/base/Dialog.vue";
19export default {
20 components: {
21 Dialog22 },
23 data() {
24 return {Name "Dialog" is reserved in HTML
45
46export default {
47 components: {
48 Dialog49 },
50 data() {
51 return {Name "Dialog" is reserved in HTML
24
25export default {
26 components: {
27 Dialog 28 },
29 data() {
30 return {
Description
There should not be name collisions between Vue components, standard HTML elements and built-in components.
Bad Practice
<script>
export default {
name: 'div'
}
</script>
Recommended
<script>
export default {
name: 'CustomNameApartFromReserverdName'
}
</script>