Vue+echarts实现数据可视化

第二章 安装echarts

前言
本章节主要介绍
(1)vscode安装echarts
(2)vue3项目目录结构
(3)vue文件组件的构成
#一、vscode安装echarts
cd vue-echart进入vue3项目路径
npm install echarts --save
[加上–save可以在package.json文件中的dependencies中看到echarts以及它的版本]
#二、vue3项目目录结构

开发人员主要使用src目录下的文件，其中
(1)src\components:存放单文件组件，.vue文件
(2)src\App.vue:项目的根组件
(3)main.js:项目的入口文件，如果在components文件夹下新建了一个Message.vue文件，需要在main.js中加入
import App from ‘./components/Message.vue’

#三、vue文件组件的构成
每个vue文件由三部分组成，模板template、样式style、逻辑script。
{{数据名}}包含在template中
script标签后加上setup属性