我们新建了一个微信小程序项目之后,在开始写项目之前最先开始的无非是新建页面,新建组件。
我们刚开始的小程序默认会有components和pages这两个文件夹,我们只要在pages文件夹新建页面,在components文件夹新建组件就可以了。页面不用说了,离开了当前页面就是一个新的页面。组件,就是可以复用,可以共用的东西,如多个页面使用到了轮播图、悬浮按钮、选择收货地址等等。
既然pages文件夹是用来放置每一个页面的,那么每个页面就应该有一个单独的文件夹,文件夹里面再放置组成一个页面必要的类型文件(js、json、wxss、wxml)。每个页面都要手动新建这四个页面吗?不需要,我们一般这样建立一个页面:
右键点击pages文件夹 => 选择新建目录(就是平常的新建文件夹) => 右键选择刚刚新建的文件夹 => 选择新建page
同理新建一个组件:
右键点击components文件夹 => 选择新建目录(就是平常的新建文件夹) => 右键选择刚刚新建的文件夹 => 选择新建component
这样每个页面都有了自己的js、json、wxss和wxml文件
如何判断一个文件夹是组件还是页面?如果这个文件夹里的json文件"component": true这一条配置时,说明这个文件夹是组件文件夹,否则就是页面文件夹了。