csdn2990的博客

按照官网文档的意思，组件命名需要大写驼峰命名。或者使用kebaba-case方式。注意，vue如果挂载了template ，那么组件请写在template 中，如果写在外面也出不来。提示组件失败，并且组件名称默认是小写。既然默认是小写那我们使用kebaba-case命名方式试试。这样的方式引入组件并在页面中使用，什么都不会显示，并且F12会有警告。如果我们使用PascalCase方式命名来导入自定义组件。自定义一个ButtonCounter.js组件。组件里面给组件name赋值。运行后，组件完美加载出来。

在这个例子中，submitForm 方法通过 this.$refs[‘DetailForm’] 访问到了表单组件的实例，并调用了它的 validate 方法。在 Vue.js 中，this.$refs 是一个对象，它用于直接访问 DOM 元素或子组件的实例。当你给元素或组件添加 ref 属性时，Vue 会自动将这些元素或组件的引用添加到 $refs 对象中。需要注意的是，$refs 只能在组件渲染完成后才能访问到，因此通常在生命周期钩子如 mounted 或者在事件处理函数中使用 $refs 更为合适。

代码，可以更方便的看出路由的使用方式。组件，这里只看用法即可。request文件夹。