Vue介绍和环境搭建

1、vue介绍

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。
具体情况可以参考官网教程 https://cn.vuejs.org/v2/guide

2、vue.js的使用

1、在html页面使用script引入vue.js的库即可使用。
2、使用Npm管理依赖,使用webpack打包工具对vue.js应用打包。大型应用推荐此方案。
3、Vue-CLI脚手架

3、vue.js的功能

声明式渲染
	vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。
	比如:使用vue.js的插值表达式放在Dom的任意地方, 差值表达式的值将被渲染在Dom中。

条件与循环
  dom中可以使用vue.js提供的v-if、v-for等标签,方便对数据进行判断、循环。
  
双向数据绑定
	Vue 提供v-model 指令,它可以轻松实现Dom元素和数据对象之间双向绑定,
	即修改Dom元素中的值自动修改绑定的数据对象,修改数据对象的值自动修改Dom元素中的值。
	
处理用户输入
	为了让用户和你的应用进行交互,我们可以用方法
	
组件化应用构建
	指令添加一个事件监听器,通过它调用在 Vue 实例中定义的vue.js可以定义一个一个的组件,
	在vue页面中引用组件,这个功能非常适合构建大型应用。

4、vue.js安装步骤教程

1、安装node.js

node.js官网下载并安装
在这里插入图片描述

1.1、打开命令行工具(win+R)

输入node -v查看node的版本,若出现相应的版本号说明你安装成功了
在这里插入图片描述

1.2.npm包管理器

npm是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息。

在这里插入图片描述

1.3、设置cnpm(淘宝镜像)​

npm默认会去国外的镜像去下载js包,在开发中通常我们使用国内镜像,这里我们使用淘宝镜像,出现下图版本号即安装成功。

	npm install -g cnpm --registry=https://registry.npm.taobao.org

1.4、 全局安装vue-cli: npm install --global vue-cli

可以使用vue -V查看版本号。至此安装vue完成。

END

由于本人对cmd各种命令不咋感兴趣,如何在cmd通过命令创建vue项目就不在这里说,如果各位感兴趣的话,可以参考一下https://blog.csdn.net/qq_34306360/article/details/80400201

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值