vite2.0+vue3移动端项目实战详解(2)

<script lang="ts"> import { defineComponent } from "vue"; import { useRouter } from "vue-router"; export default defineComponent({ setup() { const router = useRouter(); const goLogin = () => { router.push("https://www.jb51.net/"); }; return { goLogin }; }, }); </script> <script setup>写法 <script lang="ts" setup="props"> import { useRouter } from "vue-router"; const router = useRouter(); const goLogin = () => { router.push("https://www.jb51.net/"); }; </script>

是不是简洁了很多

<style vars>如何用？ <script lang="ts" setup="props"> const state = reactive({ color: "#ccc", }); </script> <style > .text { color: v-bind("state.color"); } </style>

就这么简单！

代码

原文地址：zhuanlan.zhihu.com/p/351888882

线上预览：

代码地址：github.com/huoqingzhu/vue3-vite-ts-Vant

vitejs中文网:https://cn.vitejs.dev/

到此这篇关于vite2.0+vue3移动端项目实战详解的文章就介绍到这了,更多相关vite2.0+vue3项目实战内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章: