文章 2023-04-15 来自:开发者社区

小满Vue3第三十六章(Vue如何开发移动端)

视频教程Vue3 + vite + Ts + pinia + 实战 + 源码 +全栈_哔哩哔哩_bilibili如果使用npm init vue@latest 报错error when starting dev server: Error: Cannot find module 'node:path'nodejs 升级为16版本就好了开发移动端最主要的就是适配各种手机,为此我研究了一套解决方案在....

小满Vue3第三十六章(Vue如何开发移动端)
文章 2023-04-15 来自:开发者社区

学习Vue3 第四章(模板语法 & vue指令)

模板插值语法在script 声明一个变量可以直接在template 使用用法为{{变量名称}}<template> <div>{{ message }}</div> </template> <script setup lang="ts"> const message = "我是小满" </script> <styl...

文章 2023-01-09 来自:开发者社区

vue3不在手动引入import {ref} from ‘vue‘ 等 也能照样运行项目(unplugin-auto-import)

npm i -D unplugin-auto-importimport { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' //引入 import AutoImport from 'unplugin-auto-import/vite' export default defineConfig({ plugi...

文章 2023-01-08 来自:开发者社区

搭建Vue3组件库:第二章 开发一个Vue组件

1、基础组件首先安装 Vue3.0 包依赖。pnpm i vue@"3.2.37"接着尝试编写一个简单的 Button 组件创建src/button/index.ts目录文件import { defineComponent, h } from "vue"; export default defineComponent({ name: "SButton", // template:'...

文章 2022-12-12 来自:开发者社区

什么~?Vue3马上就成为了Vue的新的默认版本,扶我起来,还能学…^-^

"好坏交替才是完整的人生轨迹。人生的道路布满了荆棘,同时有快乐的时光,有让我们感到幸福与成功的时刻,关键是保持正面的看法,用毫不动摇的决定、努力去面对人生中的失败与成功。"--出自《稻盛和夫给年轻人忠告》前言 &nbsp; &nbsp;现在的前端和原来的前端也是大相径庭,原来的前端也不能称之为真正意义上的程序员,所以在后端的眼里前端是一个没有什么技术含量的代名词。只会写html、css 用ps切....

什么~?Vue3马上就成为了Vue的新的默认版本,扶我起来,还能学…^-^
文章 2022-09-27 来自:开发者社区

【Vue3从零开始-实战】S4:组件拆分和使用vue指令精简页面代码

前言实战已经开始了!在前面几篇文章中,我们把首页的布局和样式都完成了,但是将所有内容都写在App.vue里面了。这样就导致App.vue里面的代码很难维护,所以本章将会把App.vue里面的代码全部拆分出来,这样就比较符合Vue框架的风格,也会更加容易维护。根据我们前面写的代码来看,整个首页可以分为三个模块:顶部静态资源、中间店铺列表、底部tabbar。拆分组件在views文件夹下面新建一个ho....

【Vue3从零开始-实战】S4:组件拆分和使用vue指令精简页面代码
文章 2022-09-26 来自:开发者社区

【Vue3从零开始-第四章】4-3 vue的动画标签transition(下)

前言在上一篇的文章中,我们了解了vue里面transition标签来实现单元素组件的过渡和动画效果,还知道了transition中的name属性和class属性的用法,本章节继续带着大家一起了解transition的更多用法。合并使用在上一章节中我们单独实现了过渡效果和动画效果,下面我们就来实现一个合并使用的效果。<style> @keyframes shake { ...

【Vue3从零开始-第四章】4-3 vue的动画标签transition(下)
文章 2022-09-26 来自:开发者社区

【Vue3从零开始-第四章】4-2 vue的动画标签transition(上)

前言在上一篇的文章中,我们了解了vue里面对CSS动画效果的一个处理,本章节主要就是使用transition标签来实现单元素组件的过渡和动画效果。单元素入场出场过渡效果在以前的文章中,我们写过v-if和v-show指令去控制某个元素的显示隐藏,那么这个元素就是一个单元素效果了。<script> const app = Vue.createApp({ data(){ ...

【Vue3从零开始-第四章】4-2 vue的动画标签transition(上)
文章 2022-09-26 来自:开发者社区

【Vue3从零开始-第三章】3-4 vue组件中你不了解的Non-Props属性

前言在上一章的文章中,我们了解了vue组件单项数据流的方式,今天我们继续深入了解一下vue组件中你不了解的Non-Props属性。回顾通过前面几篇文章的学习,我们知道组件传值的时候,是通过props去接收的,但是当我们在子组件中不使用props中的值时,页面上的DOM元素并不会显示父组件传递过来的属性。<script> const app = Vue.createApp({ ...

【Vue3从零开始-第三章】3-4 vue组件中你不了解的Non-Props属性
文章 2022-09-26 来自:开发者社区

【Vue3从零开始-第三章】3-3 vue组件单项数据流

前言在上一章的文章中,我们了解了vue组件之间传值的方式,今天我们继续深入了解一下vue的组件单项数据流,并在本章内容中在补充一些组件传值的知识点。单项数据流的概念在【vue3从零开始】的第一篇文章中,我们写过一个计数器的案例,下面我们就通过组件结合计数器来给大家讲解一下单项数据流的概念。<script> const app = Vue.createApp({ data(...

【Vue3从零开始-第三章】3-3 vue组件单项数据流

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注