个性化阅读
专注于IT技术分析

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) 打赏
未经允许不得转载:srcmini » uni-app vue框架组件添加使用及注意事项
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏