Vue的安装与初步使用
本文共 955 字，大约阅读时间需要 3 分钟。
Vue的安装与初步使用
Vue.js 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。安装Node.JS
Node.js 就是运行在服务端的 JavaScript，是基于Chrome JavaScript 运行时建立的一个平台。同时Node.js也是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。能够使前后端完全分离。（后端可以为Python/Java；前端则为Node.js）在http://nodejs.cn/download/选择64位安装包安装。
安装并运行VUE
依次在cmd输入
npm install vue （安装VUE） （进入node文件夹继续输入） npm install vite （安装Vite 包） npm init vite-app hellovue （创建工程） npm run dev （运行 hellovue） cd hellovue （进入工程文件夹） npm install （安装npm包） npm run dev （用npm命令运行） 接下来会出现几个网址，选择本地方式打开即可
打开目录下的src文件夹，可以找到APP.vue文件，编辑其中内容，可以实现网页内容的自定义。比如更改HelloWorld msg，可以实现文字内容改变。 
读取json文件并输出表格
首先需要安装axios包
npm install axios --save 新建VITEJS-APP工程 将json数据alphabet.json放入src中 修改APP.vue内容
新建TestAxios.vue文件
{ { char.letter }} { { char.frequency }}
新建BarChart.vue文件
📊 咱是直方图
最终src文件夹以及网页页面如下
转载地址：http://torwi.baihongyu.com/
你可能感兴趣的文章
linux之shell倒引号，单引号，双引号，dirname，basename使用
查看>>
linux之shell文件路径切分,${str:a:b}用法
查看>>
Linux下如何查看版本信息
查看>>
LDAP常见错误码
查看>>
linux yum安装rpm包出现问题
查看>>
idea编译报错类似xxx.java:[85,65] 错误: 找不到符号
查看>>
ArrayList复制
查看>>
idea打开项目时，文件左下角显示橙色J
查看>>
SQL注入
查看>>
linux中ldconfig的使用介绍
查看>>
项目中常说的提供一个接口供某某调用，与java代码中接口的区别
查看>>
idea快捷键使用
查看>>
File 类的 getPath()、getAbsolutePath()、getCanonicalPath() 的区别
查看>>
Linux中zip压缩和unzip解压缩命令详解
查看>>
ldap适合入门学习
查看>>
ldap学习参考博客
查看>>
linux学习之source命令与alias(别名)使用
查看>>
MYSQL常用查询
查看>>
安装Linux虚拟机绑定IP操作
查看>>
centos7离线安装 mysql
查看>>