当前位置: 首页 > ops >正文

Vue-7-前端框架Vue之应用基础从Vue2语法到Vue3语法的演变

文章目录

  • 1 基于vite创建
    • 1.1 对比webpack和vite
    • 1.2 创建工程
    • 1.3 启动项目
  • 2 调试工具Vue.js Devtools
  • 3 src结构
    • 3.1 index.html
    • 3.2 main.ts
    • 3.3 App.vue(根组件)
  • 4 示例(Vue2的语法)
    • 4.1 Person.vue
    • 4.2 App.vue
    • 4.3 选项式API对比组合式API
    • 4.4 程序流程
  • 5 示例(Vue3的语法)
    • 5.1 setup概述
    • 5.2 App.vue
    • 5.3 Person.vue
      • 5.3.1 setup的常规写法
      • 5.3.2 setup的语法糖
      • 5.3.3 插件vite-plugin-vue-setup-extend
  • 6 参考附录

基于vite创建工程,安装调试工具Vue.js Devtools,分析src结构,举例对比vue2语法和vue3语法,介绍vue3的setup语法糖,引入插件用于为组件命名。

1 基于vite创建

在这里插入图片描述
在这里插入图片描述

1.1 对比webpack和vite

前端构建工具webpack和vite。
在这里插入图片描述

1.2 创建工程

CMD>d:
CMD>cd CODEVue
http://www.xdnf.cn/news/14462.html

相关文章:

  • C/C++中的位段(Bit-field)是什么?
  • 单片机 - STM32读取GPIO某一位时为什么不能直接与1判断为高电平?
  • 【开源工具】Windows屏幕控制大师:息屏+亮度调节+快捷键一体化解决方案
  • Day03_数据结构(顺序结构单向链表单向循环链表双向链表双向循环链表)
  • 【一天一个知识点】RAG(Retrieval-Augmented Generation,检索增强生成)构建的第一步
  • ARIMA 模型
  • Linux运维新人自用笔记(部署 ​​LAMP:Linux + Apache + MySQL + PHP、部署discuz论坛)
  • 内存泄漏到底是个什么东西?如何避免内存泄漏
  • 楞伽经怎么读
  • 23种设计模式图解
  • ragflow中的pyicu安装与测试
  • 基于YOLOv8+Deepface的人脸检测与识别系统
  • WSL备份与还原
  • 车载网关框架 --- CAN/CANFD网段路由到Ethernet网段时间
  • sparseDrive(2):环境搭建及效果演示
  • C++11函数封装器 std::function
  • 卫星通信链路预算之一:信噪比分配
  • JavaSE: 数组详解
  • JSONP 跨域请求原理解析与实践
  • RabbitMQ消息队列实战指南
  • 亚马逊选品时怎么选择一个产品
  • 智能土木通 - 土木工程专业知识问答系统01:项目简介
  • 逆元 Inverse element
  • c语言学习_函数4
  • 【Dify系列】【Dify 核心功能】【应用类型】【四】【Chatflow】
  • Science 正刊:脊髓损伤患者的复杂触觉离现实又近了一步
  • 观察者模式Observer Pattern
  • 基于STM32的超声波模拟雷达设计
  • 3 Studying《THE CACHE MEMORY BOOK》
  • python3.9成功安装nbextensions