小程序动态

15502933391

咨询热线

两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程

如是说

Vue3正式发布早已有一两年了,从现阶段上看,其自然生态还算能,也早已有了各式各样模块库给与了全力支持,但无论是Vue3却是Vue2都难以间接用以合作开发小流程,因而亚洲地区许多控制技术工程项目组特别针对Vue合作开发了许多格朗普雷县相容运转的合作开发架构,今天来新体验呵呵采用Taro来新体验呵呵采用Vue3合作开发多网络平台运转的小流程,以期于相容各大小不一流程网络平台!

 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态

Taro

Taro是两个由数个工程项目组一起保护的封闭式跨端跨架构软件系统,全力支持采用 React/Vue/Nerv 等架构来合作开发 / 天猫 / 腾讯 / PayPal / 二进制颤动 / 小流程 / H5 / RN 等应用领域

现阶段全力支持下列网络平台的切换

 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态

合作开发新体验

具体来说他们加装Taro 3钢架,以期于他们展开调用工程项目

# 采用 npm(或cnpm) 加装 CLI npm install -g @tarojs/cli #或是采用 yarn 加装 CLI yarn global add @tarojs/cli

taro --version查阅版

 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态

如果采用yarn加装后未出现版重要信息,则采用 yarn global bin查阅yarn包产品目录,将之加进到配置文件方可,接着再采用taro --version查阅版号,现阶段是Taro v3.3.0

接着采用taro cli调用两个vue3版的工程项目:taro init

 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态

自己优先选择最合适的快捷键,接着等候加装倚赖,可能需要稍等一会儿:

 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态

加装完成,这时就能关上工程项目了,他们采用VSCode展开标识符撰写

 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态

这儿他们采用二进制颤动的小流程为例:

 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态

熟识的CompositionAPI,这儿他们采用yarn dev:tt(余下网络平台类似于)展开校对,接着将dist产品目录复制到合作开发人员辅助工具展开自动更新试验

 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态

 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态

这儿他们工程项目预设采用了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合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态

渲染效果

 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态 两套标识符,格朗普雷县运转--采用Vue3合作开发相容多网络平台的小流程 小程序动态

总结

Vue3结合Taro让熟识Vue3 的合作开发人员们更加容易合作开发小流程,虽然还有许多问题尚待解决,但大部分情况下,Taro早已能胜任格朗普雷县合作开发的任务,感兴趣的小伙伴能尝试呵呵!

相关文章

网友留言

发表评论

◎欢迎参与讨论