Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。简介 | Vue.js (vuejs.org)

1

打开图形化界面，初始化项目

$vue ui

2

.vue文件分为三部分：template、script、style

//App.vue
<template>
    <Test msg='Hello World'/>
</template>
<script>
    import Test from './components/Test.vue'
    export default {
        components :{
            Test
        }
    }
</script>

//Test.vue
<template>
{{msg}}
</template>
<script>
    export default {
        name:'Test',
        props:{
            msg: String,
        },
        components:{
        
        }
    }

</script>
<style scoped>
</style>

Vue3基础

1

2