标签:uniapp vue 创建 文件夹 文档 components 组件 页面
uniapp创建组件形式相对于官方文档的形式话要简单一点
uniapp创建组件:
另外,有一个注意点,如果你项目特别多的情况下,要先展开,选中这个文件夹,然后找到里面具体要运行的页面来运行,不然的话它是有可能启动不了的,因为它不知道你到底要启动那一个具体页面
选中整体项目名,而后右键点击新建,点击目录按照uni-app官网文档项目名称叫components
如果你右键点击components文件名能够出现新建组件的话,说明你文件夹起名起对了
如果没有出现新建组件的话,说明你起名起错了
创建组件有两种形式,父级为components
第一种使用驼峰,一般首字母大写,中间的话使用驼峰的形式,例如:UserInfo
第二种就是官方用的横线,前面为头部,例如:xxm-header
页面没有什么差异,并且script层默认创建的还是vue2的
我们先在新建组件页面写一些样式想输出看看,但是启动发现什么都没有
如果想看的话,需要输出的话写过来就可以了,在文件夹pages下面,index文件夹里面的index.vue页面清空,把想输出页面给调用可以即可,这样在原来组件写的样式效果就都过来了
而后在xxm-header页面写一个view输出,看有没有效果
事实证明一个页面可以使用多个组件,组件之间并不发生冲突
标签:uniapp,
vue,
创建,
文件夹,
文档,
components,
组件,
页面
From: https://blog.csdn.net/p23gjj/article/details/141758761