首页 > 其他分享 >uniapp创建组件与vue官方文档的差异

uniapp创建组件与vue官方文档的差异

时间:2024-08-31 22:22:13浏览次数:14  
标签: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

相关文章

  • (附论文)基于Springboot和Vue的冷链物流系统(531)
    获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述冷链物流系统管理系统按照操作主体分为管理员和用户。管理员的功能包括收货地址管理、字典管理、公告管理、货物管理、订单分配管理、货物订单管理、快递员管理、留言板管理、网点信息管理、用......
  • (附论文)基于Springboot和Vue的图书管理系统(532)
    获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述具体请看视频演示2、项目开发工具开发工具:Idea或Eclipse数据库:MysqlJar包仓库:Maven前端框架:Vue2后端框架:Springboot3、项目图片4、演示视频(附论文)基于Springboot和Vue的图书管理......
  • (附论文)基于Springboot和Vue的可信捐赠系统(535)
    获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述可信捐赠系统管理系统按照操作主体分为管理员和用户。管理员的功能包括收货地址管理、购物车管理、字典管理、论坛管理、捐赠管理、新闻信息管理、商品管理、商品收藏管理、商品评价管理、商品......
  • (附论文)基于Springboot和Vue的协同过滤电影推荐系统(536)
    获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述电影推荐系统管理系统按照操作主体分为管理员和用户。管理员的功能包括付费电影管理、付费电影收藏管理、付费电影评价管理、电影购买管理、字典管理、电影论坛管理、电影资讯管理、免费电影管......
  • (附论文)基于Springboot和Vue的健身房管理系统(542)
    获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述具体请看视频演示2、项目开发工具开发工具:Idea或Eclipse数据库:MysqlJar包仓库:Maven前端框架:Vue2后端框架:Springboot3、项目图片4、演示视频(附论文)基于Springboot和Vue的健身房管......
  • UniApp 中页面跳转的方法及传值
    一、UniApp中页面跳转的方法及特点(一)常见的页面跳转方法uni.navigateTo:用途:用于跳转到应用内的某个页面,非tabBar页面,它会保留当前页面,打开新的页面并推入页面栈中。特点:可以通过页面栈管理返回原页面,在新页面返回时可以返回到原页面继续操作流程。uni.redirectTo:......
  • Vue期末考试速成复习指南附编程题(js开发基础+路由+Pinia)
    前文:本文参考书籍《Vue.js前端开发实战(第二版)》--黑马程序员/编著重点在于本科期末速成和0基础入门目录:一.初识Vue1.包管理工具:npmyarn2.创建Vue项目二.js开发基础1.什么是单文件组件?2.单文件组件基本结构3.切换页面显示组件3.数据绑定与输出4.Vue引入Html页面5.......
  • 第13篇 在Linux上部署vue项目,并通过nginx代理
    如何在Linux服务器上部署Vue项目1.在本地电脑打开vscode,进入Termial,切换到项目所在的目录以项目运行在vscode为例,在调试窗口输入npmrunbuild待命令执行完毕之后,在项目目录下会生成dist文件夹,如下图2.创建一个运行文件,名字是:server.jsserver.js中的内容如下:constexpress......
  • 推荐一个开箱即用的中后台前端解决方案,基于vue3开发,私活神器(带源码)
     前言在现代软件开发中,中后台系统的开发往往面临诸多挑战,如技术选型、组件库的丰富性、开发效率等。现有的解-决方案可能存在技术栈陈旧、定制性差、study成-本高等问题。为了解决这些痛点,一款新的软件——vue-element-plus-admin,应运而生,提供了一个基于新技术栈的中后台前......
  • 记录vue3写项目遇到的奇奇怪怪怪的小问题(持续更新)
    <el-table:header-cell-style="{color:'#fff',background:'rgba(78,131,211,0.8)'}"//设置table表头样式></el-table>表头居中:cell-style="{text-align:center}"表行居中<el-......