最新版vue3+TypeScript开发入门到实战教程之vue3与vue2语法优劣对比

在vue3中能不能用vue2语法

回顾上篇文章创建vue3项目hello-world，将使用创建的项目。重新编写hello-world，先删除src文件夹，再创建src文件夹，编写vue2语法的hello-world，看能不能运行

• 删除src文件夹
• 创建src文件夹
• 创建main.ts
• 创建App.vue
• 创建components文件夹
• 在创建components内创建Car.vue

src项目结构如下

##main.ts引入挂载vue3

import { createApp } from 'vue' import App from './App.vue' const app = createApp(App) app.mount('#app')

根组件App引入组件Car

<template> <Car/> </template> <script lang="ts"> import Car from './components/Car.vue' export default { name: 'heiil', components: { Car } } </script>

Car组件使用vue2语法添加数据、方法

我们