Vue使用指南

(Updated: )
Vue
,

Vue.js 是一个流行的 JavaScript 框架，用于构建现代的交互式 Web 应用程序。它提供了一种简单而灵活的方式来创建用户界面，使开发者能够轻松地构建复杂的单页面应用（SPA）和动态网页。Vue.js 的核心库只关注视图层，因此它易于集成到现有项目中，并且可以与其他库和框架（如 React 和 Angular）一起使用。

开始

npm run dev 启动开发服务器

基本文件

  • App.vue：Vue 应用程序的入口文件，包含根组件的挂载点。

文件如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<template>
  <h2>{{ count }}</h2>
  <br>
  <TodoItem/>
</template>

<script>
  import TodoItem from './components/TodoItem.vue'
  export default{
    name: "App",
    components:{TodoItem}
  }

</script>
<style scoped>

</style>