Vue.js概述及搭建

于 2021-06-05 00:12:58 发布
阅读量163 收藏
点赞数
文章标签： vue js web 新星计划
淮宁湾
本文链接：https://blog.csdn.net/qq_51372098/article/details/117575409
版权
本文概述了Vue.js，一个轻量级的渐进式框架，重点在于其视图层，并强调其易用性和与其他库的集成能力。接着介绍了如何使用HBuilder X搭建Vue.js的Hello World项目，包括引入Vue.js文件和在HTML中进行简单的DOM渲染验证。
摘要由CSDN通过智能技术生成

Vue.js概述及搭建

Vue.js是什么？

Vue是一套用于构建用户界面的渐进式框架。

Vue的核心库只关注视图层，容易上手，便于与第三方库或既有项目整合。

当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。

Vue.js Hello World搭建

工具：HBuilder X

在HBuilder X中选择新建项目，如下图所示：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ir4xKgl1-1622822813934)(F:\Users\寒山\Desktop\创建Vue第一步.png)]

选中vue项目（普通模式），点击创建

项目的js文件夹中会自带以下两个.js文件：
在这里插入图片描述

vue.js开发环境版，包含了有帮助的命令行警告。

vue.min.js生产环境版本，优化了尺寸和速度。

对于学习来说，两者没有太大的差别，二选一就行。

在index.html文件中使用以下语句引入Vue:

<!--开发环境版本-->
<script src="js/vue.js" type="text/javascript" charset
最低0.47元/天 解锁文章
寒山月初°C
关注
vue.js从安装到搭建过程详解
10-20
一、Vue.js概述 Vue.js是一款用于构建用户界面的JavaScript框架，由尤雨溪创建，遵循MVVM模型，即模型-视图-视图模型。它的核心库只关注视图层，易于上手，而且拥有强大的生态系统和灵活的API。Vue.js允许开发者使用...
Vue.js入门教程.pdf
06-18
#### 一、Vue.js 概述 - **定义**：Vue.js（发音类似于“view”）是一款用于构建用户界面的轻量级JavaScript框架。该框架以其简洁的API、高效的数据绑定以及可组合的视图组件而著称。 - **核心特点**： - **易用性...
Vue.js 开发教程、案例及相关项目
07-08
### Vue.js 开发教程、案例及相关项目 #### 一、简介与背景 Vue.js 是一个渐进式的 JavaScript 框架，专为构建用户界面而设计。它以其简洁的 API 和高度可组合的组件系统而著称。Vue.js 的目标是提供一种简单的...
Vue.js开发教程、案例与相关项目
06-09
- **Node.js**: JavaScript 运行时环境，是搭建开发环境的基础。 - **npm/yarn**: 包管理工具，用于安装和管理依赖。 - **Vue CLI**: Vue 的官方脚手架工具，可以快速初始化项目。 - **工具介绍**: - **Node.js...
Vue.js最新书籍,全套书籍
06-23
#### 一、Vue.js 概述 - **定义与特点**：Vue.js 是一套用于构建用户界面的渐进式框架。它被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，易于上手的同时也极其灵活。此外，Vue.js 的特性包括组件化开发...
各种函数声明和定义模块
最新发布
09-16
各种函数声明和定义模块
湖北工业大学在河南2021-2024各专业最低录取分数及位次表.pdf
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
1805.06605v2 DEFENSE-GAN.pdf
09-16
1805.06605v2 DEFENSE-GAN.pdf
【语音去噪】FIR和IIR低通+带通+高通语音信号滤波（含时域频域分析）【含Matlab源码 4943期】.mp4
09-16
Matlab领域上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 语音处理系列程序定制或科研合作方向：语音隐藏、语音压缩、语音识别、语音去噪、语音评价、语音加密、语音合成、语音分析、语音分离、语音处理、语音编码、音乐检索、特征提取、声源定位、情感识别、语音采集播放变速等；
java-ssm+jsp幼儿园管理系统实现源码(项目源码-说明文档)
09-16
管理员成功登录后台管理界面，选择“教师管理”，出现教师列表。在教师管理页面，管理员可以添加、修改、查询及删除教师信息。 项目关键技术 开发工具：IDEA 、Eclipse 编程语言: Java 数据库: MySQL5.7+ 后端技术：ssm 前端技术：jsp 关键技术：jsp、spring、ssm、MYSQL、MAVEN 数据库工具：Navicat、SQLyog
hadoop_3_2_0-yarn-resourcemanager-3.3.4-1.el7.x86_64.rpm
09-16
Ambari+Bigtop 一站式编译和部署解决方案 https://gitee.com/tt-bigdata/ambari-env
DelphiWebMVC-master.zip
09-16
delphi在web系统开发上没有像java或php 这样方便，对于一直使用delphi的工程师来说是个遗憾，因此使用delphi技术开发了一套Web框架，使用MVC模式，让工程师只需把精力放在模型与视图的设计上，让delphi开发web系统更方便。
东北农业大学在河南2021-2024各专业最低录取分数及位次表.pdf
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
python第二次作业
09-16
python第二次作业
hadoop_3_2_0-mapreduce-historyserver-3.3.4-1.el7.x86_64.rpm
09-16
Ambari+Bigtop 一站式编译和部署解决方案 https://gitee.com/tt-bigdata/ambari-env
北京理工大学(珠海校区)在河北2021-2024各专业最低录取分数及位次表.pdf
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
基于java的学生宿舍管理系统设计与实现（源代码+数据库+部署文档）
09-16
基于java的学生宿舍管理系统设计与实现（源代码+数据库+部署文档），含有代码注释，满分大作业资源，新手也可看懂，期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。该项目可以作为课程设计期末大作业使用，该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 基于java的学生宿舍管理系统设计与实现（源代码+数据库+部署文档），含有代码注释，满分大作业资源，新手也可看懂，期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。该项目可以作为课程设计期末大作业使用，该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 基于java的学生宿舍管理系统设计与实现（源代码+数据库+部署文档），含有代码注释，满分大作业资源，新手也可看懂，期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。该项目可以作为课程设计期末大作业使用，该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。基于java的学生宿舍管理系统设计与实现（源代码+数据库+部署文档），含有代码注释，满分大作业资源，新手
华中农业大学在河南2021-2024各专业最低录取分数及位次表.pdf
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
springboot 高校体育运动会管理系统 演示录像.mp4
09-16
springboot 高校体育运动会管理系统 演示录像.mp4
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值