uni-app vue框架组件添加使用及注意事项

uni-app是一款基于vue.js的开发的前端框架,结合HBuilderX编辑器使用,可以编译到iOS、Android、H5、小程序等多个平台。

HBuilderX界面-01

新建项目的时候,选择uni-app会自动生成文件根列表,这都是发布小程序,app等编译所需要的文件。

HBuilderX界面目录-02

可是在刚开始使用HBuilderX的时候,发现HBuilderX真的很难用,添加的组件都没效果。因为它所有文件不能用【div】标签,都要用【view】,并且一个【template】里面只有包含一个view文件,否则会出错。

例如:这样是正确的。

HBuilderX界面结构-03

不允许这样,会出错:

HBuilderX结构错误-04
HBuilderX错误信息-05

另外当我们要用到扩展组件的时候,我们需要安装,其实我不建议安装整个扩展组件。

uni-app组件列表-06

我们只需要在要用的时候导入到我们的项目就可以了。这样可以省项目空间而且在找我们需要的组件的时候也可以很快的找到。

例如:

uni-app组件导入-07

解决了以上的问题,就不会觉得HBuilderX难用啦,而且可以直接编译成各种语言,真心不错呢。

微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?