分析脚手架\render函数

moonbaby1

于 2022-06-04 20:40:34 发布

阅读量160

点赞数

分类专栏：前端 # VUE 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/hhcharming/article/details/125125063

版权

前端同时被 2 个专栏收录

18 篇文章

订阅专栏

VUE

14 篇文章

订阅专栏

本文介绍了在Vue脚手架中遇到的组件命名规范和代码格式错误，以及如何解决未解析的Vue问题。通过遵循驼峰或下划线命名规则修复组件名，并通过调整代码风格解决混合空格和制表符的错误。同时，讨论了在main.js中注释掉render方法，使用单文件组件进行注册和使用的方法。解决方案包括引入完整Vue实例或使用render函数创建元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、分析脚手架

|-- App.vue
|-- assets
|   `-- logo.png
|-- components
|   |-- School.vue
|   `-- Student.vue
`-- main.js

将单文件组件准备好的Student.vue，School.vue,App.vue和main.js,放到脚手架中

npm run serve

正常执行说明OK

遇到的问题

1.School和Student组件命名应该用驼峰或者下划线形式

2.error Mixed spaces and tabs no-mixed-spaces-and-tabs

参考https://blog.youkuaiyun.com/qq_23159841/article/details/109280640?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1-109280640-blog-119876706.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1-109280640-blog-119876706.nonecase&utm_relevant_index=1

二.render

在main.js中注释render,使用之前单文件组件写的注册组件和使用组件

报错是使用的是没有解析器的Vue

查看默认导入的vue

查看完整的Vue

解决方法1：使用完整的Vue

解决方法2：render

render是一个函数，vue帮忙调createElement函数，该函数可以创建具体元素，创建元素用'h1',如果是变量不用加引号