小程序动态

15502933391

咨询热线

一套代码,多端运行--使用Vue3开发兼容多平台的小程序

如是说Vue3正式发布早已有一两年了,从现阶段上看,其自然生态还算能,也早已有了各式各样模块库给与了全力支持,但无论是Vue3却是Vue2都难以间接用以合作开发小流程,因而亚洲地区许多控制技术工程项目组特别针对Vue合作开发了许多格朗普雷县相容运转的合作开发架构,今天来新体验呵呵采用Taro来新体验呵呵采用Vue3合作开发多网络平台运转的小流程,以期于相容各大小流程网络平台!TaroTaro是一个由数个工程项目组一起保护的封闭式跨端跨架构软件系统,全力支持采用 React/Vue/Nerv 等架构来合作开发 / 天猫 / 腾讯 / PayPal / 二进制颤动 / 小流程 / H5 / RN 等应用现阶段全力支持以下网络平台的切换合作开发新体验首先他们加装Taro 3钢架,以期于他们展开调用工程项目# 采用 npm(或cnpm) 加装 CLI npm install -g @tarojs/cli #或者采用 yarn 加装 CLI yarn global add @tarojs/clitaro --version查阅版如果采用yarn加装后未出现版信息,则采用 yarn global bin查阅yarn包产品目录,将之加进到配置文件方可,接着再采用taro --version查阅版号,当前是Taro v3.3.0接着采用taro cli调用一个vue3版的工程项目:taro init自己选择最合适的快捷键,接着等候加装倚赖,可能需要稍等一会儿:加装完成,这时就能关上工程项目了,他们采用VSCode展开标识符撰写这儿他们采用二进制颤动的小流程为例:熟识的CompositionAPI,这儿他们采用yarn dev:tt(余下网络平台类似于)展开校对,接着将dist产品目录复制到合作开发人员辅助工具展开自动更新试验这儿他们工程项目预设采用了NutUI,像Vue3那样合作开发模块,实际上试验采用<template> <nut-button type="primary">主要按键</nut-button> <nut-button type="info">信息按键</nut-button> <nut-button type="default">预设按键</nut-button> <nut-button type="danger">脆弱按键</nut-button> <nut-button type="warning">警示按键</nut-button> <nut-button type="success">成功按键</nut-button> </template> <script lang="ts"> import { defineComponent } from "vue"; import { Button } from "@nutui/nutui-taro"; export default defineComponent({ name: "Button", components: { Button }, setup() { return {}; }, }); </script> <style lang="sass"></style> 和Vue3那样的读法,导入模块:图形效用归纳Vue3紧密结合Taro让熟识Vue3 的合作开发人员们更加容易合作开发小流程,虽然还有许多问题尚需解决,但大部分情况下,Taro早已能独当一面格朗普雷县合作开发的任务,钟爱的爸爸妈妈能试著呵呵!

相关文章

网友留言

发表评论

◎欢迎参与讨论