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

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

article 2025/1/6 20:08:44

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' },
      ],
    };