VUE的深坑（一）

最新推荐文章于 2022-05-11 09:45:57 发布

原创最新推荐文章于 2022-05-11 09:45:57 发布 · 228 阅读

0 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了Vue框架的下载步骤，强调了先安装Node.js的重要性。文章详细讲解了Vue项目的目录结构，包括src目录中的主要代码编写位置。在运行方面，提到了默认的`npm run serve`命令，并指出可在package.json中修改。关于Vue的基本操作，重点讲述了组件的创建和引用，以及如何在main.js中全局引入axios。总结了Vue框架的使用流程，包括下载、构建和编写组件。

框架的下载

vue框架下载
在使用vue之前必须先下载node.js。不然依赖包都是下载不了的。

先了解目录结构

在这里插入图片描述

目录结构是必须先掌握的，不同的版本对应的不同的目录结构，不过都是大同小异的。还不太了解可以去菜鸟教程查看。
我个人的目录是少了一些配置文件的，所以之后还需要再添加进去。

运行

一般运行命令都是下面这个，如果需要修改的话可以找到package.json中"scripts"修改

npm run serve

Vue的基础操作

写代码的地方都是在src这个目录中

我们需要全局引包的话可以在main.js中将第三方包通过代码引入

引入
import axios from 'axios';
通过挂载在原型上，以后在任何的页面里面都可以使用变量$axios进行使用
Vue.prototype.$axios = axios;

2.vue的主体框架都是App.vue这个文件。这个文件写的代码基本上是组件的名字。需要用组件就先引入之后再使用就可以了。
在这里插入图片描述

Vue的组件都装在了components这个大文件中，你可以在这个文件继续新建文件夹来标识不同的组件，只不过通过import引入的时候要写完整路径。

基本的使用就是
1.先下载框架
2.build
3.编写组件赢并引用。