基于为了一个项目而学习unipp的后端学生,讲句实话前端真的是爱了又爱,恨了又恨的,学了一下,过段时间就给忘了,vue3真的后端不怎么动手,就给它忘记了,可以步入正题吧。
配置
我是直接用的hbuiderX来学习,接通微信开发者小程序,大家可以选择用自己喜欢的hbuider制作公司的工具。
官网地址:uni-app官网 (dcloud.net.cn)
uniapp结构介绍
这个的我因为我刚开始学所以只能先把自己了解到的给大家讲,后面最后再进行填坑,还有就是有错误的话,请您一定要指出喔!
首先创建出来的项目就是这个样子的了,其中pages是放页面的,我们生成页面的时候可以选择创建同名目录和在pages.json中注册
static则是存储静态文件或者图片这些的
页面结构介绍
分为主要三个包子,第一个包子是template也就是我们用来画页面的,第二个包子则是script,在我浅显的前端知识面认知中是用来写前端逻辑的,数据这些;第三个则是style我则是用的sass来写css。
template中的·view其实就是我们认知中的div,但如果你用的是vue.js来编译的话那只能写一个view标签,姐同时如果你要将此项目转换成小程序,那不能把view直接写成div,否则他会发生转换错误。
pages.json文件分析
globalStyle是全局的,你看我那个uni学习进程没有其实它是优先性是低于局部的也就是上面的pages各个页面的title,同时局部的优先性是有序的,也就是最前面的最先编译
看上面这个就是index页面编译的优先性高于list页面再高于全局的title
页面的各个style标签uniapp官网也是又给介绍的
好了今天我就学到这里了,好像10点半对于程序员来讲太早了吧,我可不管就是下咯,打游戏咯。
拜了个拜!那年没实现的梦啊,总有一天。