Soy nuevo en la tecnología Vue.js, recibo un error al ejecutar mi aplicación Vue. No sé dónde estoy equivocado, intente corregir mi error.
Este es el archivo temporal donde obtengo un error.
Temp.vue
<template> <div> <h1>Hello Ashish</h1> <h2>{{name}}</h2> </div> </template> <script> export default { name: "Temp", }; </script>aplicación.vue
<template> <img alt="Vue logo" src="./assets/logo.png"> <HelloWorld msg="Welcome to Your Vue.js App"/> <!-- <HomeComp msg="Hello Harshal"/> --> <!-- <ForLoop/> --> <Temp/> </template> <script> import HelloWorld from './components/HelloWorld.vue' // import HomeComp from './components/HomeComp.vue'; // import ForLoop from './components/ForLoop.vue'; import Temp from './components/Temp.vue'; export default { name: 'App', components: { HelloWorld, // HomeComp, // ForLoop // Demo, Temp } } </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style>Me gustaría agregar un punto más, cuando cambia el nombre del componente, todavía hay una ADVERTENCIA de que verifique el nombre del archivo del componente.
Su linter simplemente le dice que el nombre de su componente debe ser una palabra múltiple como MyTemp en lugar de solo Temp. puede cambiar el nombre del componente o deshabilitar la regla de pelusa
Hay varias cosas que puede hacer para ayudar:
1- Nombrar dos inundaciones
2- Que puedes agregar este código a tu proyecto:
{ "vue/multi-word-component-names": ["error", { "ignores": [] }] }** Asegúrese de leer el documento completo en este sitio .
Así que también encuentro el mismo error. Todo lo que tiene que hacer es cambiar el nombre del componente de Temp a MyTemp o cualquier otra combinación de dos palabras.
Aquí, también puede ver y tomar la idea de la documentación de vue/multi-word-component-names. Explicaron las cosas muy claramente y es muy útil: -
https://eslint.vuejs.org/rules/multi-word-component-names.html