Vue框架学习笔记01（入门版）

今天在尝试了一堆乱七八糟的博客用来学习vue后发现MDN真是好用！严谨又细心

24.3.7：一堆莫名其妙的尝试

根据教程首先在vscode上创建了一个launch.json文件，结果发现非常神奇地直接绑定了我创建的那个项目！

但是我点了点发现他贬的很奇怪……因为不太熟悉操作我在里面迷失了方向…

下次再试试吧！-_-||

很无聊地通过终端打开vue的项目管理然后又创建了项目。

然后很生气！为什么先教我的是npm创建，图形化多简单啊呜呜呜。

然后去了解了一下不同方式创建vue的区别

（1）package.json：该文件包含项目的依赖项列表，以及一些元数据和 eslint 配置。

（2）babel.config.js：Babel 的配置文件

（3）jsconfig.json：一份用于 Visual Studio Code的配置文件

（4）public：这个目录包含一些在 Webpack编译过程中没有加工处理过的文件（有一个例外：index.html 会有一些处理）。

（5）src：Vue 应用的核心代码目录（main.js是入口文件，App.vue是根节点组件，components存放自定义组件，assets存放资源）

在项目文件中的 components 目录下创建一个新的 .vue 文件后，就可以对组件添油加醋地更改了！

（1）将组件添加到应用程序中：

话不多说，直接上步骤和相应代码

① 在 App.vue 文件中的

import ToDoItem from "./components/ToDoItem.vue";

② 在组件对象中添加 components 属性，在其中添加自定义组件进行注册

import ToDoItem from "./components/ToDoItem.vue";

export default {
  name: "app",
  components: {
    ToDoItem,
  },
};

③ 将组件加入 App.vue 中的