当前位置：首页 > news >正文

【VUE】使用create-vue快速创建一个vue + vite +vue-route 等其他查看的工程

news 2025/7/18 10:01:14

create-vue 简介

GitHub：https://github.com/vuejs/create-vue
创建的选项有多个，具体的可以看下方截图，当创建完成的时候可以发现工程中是自带vite的。
在这里插入图片描述
下面对其中的各种内容进行简单的说明

JSX （可以选择，但是我感觉没什么必要）

全称：JavaScript XML
允许你在 JavaScript 中书写类似 XML 的语法，这对于描述 UI 结构非常直观。在 Vue 中，JSX 被用来编写渲染函数（render functions），从而替代或补充传统的模板语法。使用 JSX 可以更直接地利用 JavaScript 的全部功能，例如条件渲染、列表渲染、事件处理等，使代码更具表现力和灵活性。

举例

常规的

<template><div><h1>{{ title }}</h1><button @click="handleClick">点击我</button><ul><li v-for="item in items" :key="item.id">{{ item.name }}</li></ul></div>
</template><script>
export default {data() {return {title: 'Hello Vue!',items: [{ id: 1, name: 'Item One' },{ id: 2, name: 'Item Two' },],};