vue.js uniapp

想问一下有没有关于vue项目直接套壳成uniapp的教程呀,求帮助

img


百度出来的教程有这个错误

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 你可以看下这个问题的回答https://ask.csdn.net/questions/7731805
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:vue使用-uniapp使用
  • 除此之外, 这篇博客: Vue-uniapp笔记中的 认知uniapp: 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    1、uniapp不能去写div,span,只能用官方提供的组件标签或者自定义标签。

    用view取代-div,h1 用text取代了span

    2、uniapp不需要你安装组件,安装 vue,安装sass 、因为uniapp的hbuilderx会内置进去。你直接使用即可。

    你在项目中压根看不到node_modules这个文件夹。

    3、异步处理怎么办?

    uni.request({
        url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。
        data: {
            text: 'uni.request'
        },
        header: {
            'custom-header': 'hello' //自定义请求头信息
        },
        success: (res) => {
            console.log(res.data);
            this.text = 'request success';
        }
    });

    4、组件的注册和使用呢?

    • 组件是视图层的基本组成单元。

    • 组件是一个单独且可复用的功能模块的封装。

    • 一个组件包括开始标签和结束标签,标签上可以写属性,并对属性赋值。内容则写在两个标签之内。

      • 根节点为 <template>,这个 <template> 下只能且必须有一个根 <view> 组件。这是

    vue单文件组件规范 (opens new window)
  • 一个组件的 data 选项必须是一个函数。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

将现有的 Vue 项目直接转换为 UniApp 项目并不是一件容易的事情,因为 UniApp 的运行环境和普通的 Vue 项目有所不同。UniApp 使用了 DCloud 提供的 HBuilderX IDE 和自定义的 Vue 编译器来支持多端编译。