Vue.js 是用于构建用户界面的渐进式JavaScript框架,其核心关注视图层,采用声明式渲染和响应式数据绑定,让开发者只需描述数据与视图的关系,就能自动更新页面。Vue支持组件化开发,易于上手,也可以逐步集成到现有项目中,并借助Vue Router、Pinia等生态工具构建复杂应用。本文开始学习VUE的基本用法,同时后续找基于Vue+ASP.NET Core的前后端分离的项目源码学习。
Vue.js目前版本为Vue 3,Vue 2已于2023.12.31日停止维护,最新版本的Vue (3.x)只支持原生支持ES2016的浏览器,且不支持IE11。Vue可以以一个单独 JS 文件的形式使用,也可以通过npm方式安装,后者需要安装或者升级nodejs到最新版本(已安装 ^22.18.0 || >=24.12.0 版本),可以在参考文献3中下载安装nodejs。
安装vue分为全局安装及项目本地安装,前者安装到本机的npm目录下,使用npm list -g --depth=0命令可以查看安装版本,后者安装到当前项目下。如果需要卸载,将命令中的的install换为uninstall即可。项目开发时通常使用项目本地安装,每个项目可以独立选择Vue版本,不建议全局安装,以免不同项目之间因全局版本单一而互相干扰。
bash
npm install vue //项目本地安装
npm install -g vue // 全局安装

同时Vue.js提供官方脚手架工具,可用于快速搭建由Vite构建的、预配置好的Vue 3应用。打开命令行,切换到工作文件夹,运行npm create vue@latest命令,会出现交互式的命令行向导,引导完成项目的初步配置,如下图所示。只需要根据提示选择项目名称和所需的功能特性,就会生成包含所有基础代码和配置的完整项目文件夹,省去了手动搭建的繁琐过程。


根据命令行中的提示,运行npm install及npm run dev命令,即可启动项目,如下图所示。


参考文献:
1https://cn.vuejs.org/guide/quick-start.html