Vue初体验Vue的安装和使用
1.认识Vue
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
前端框架三巨头:Vue.js、React.js、AngularJS,vue.js以期轻量易用著称,vue.js和React.js发展速度最快,AngularJS还是老大。
官网:https://cn.vuejs.org/
参考:https://cn.vuejs.org/v2/guide/
Git地址:https://github.com/vuejs
2.Node和NPM
前面说过,NPM是Node提供的模块管理工具,可以非常方便的下载安装很多前端框架,包括Jquery、AngularJS、VueJs都有。为了后面学习方便,我们先安装node及NPM工具。
2.1.下载Node.js
下载地址:https://nodejs.org/en/download/
推荐下载LTS版本。
课程中采用的是12.0版本。目前最新的是8.11.1。大家自行下载。然后下一步安装即可。
完成以后,在控制台输入:node -v
2.2.NPM
安装完成Node应该自带了NPM了,在控制台输入npm -v查看:
像的工具:nrm
我们首先安装nrm,这里-g代表全局安装npm install nrm -g
然后通过nrm test npm来测试速度:
通过nrm use taobao来指定要使用的镜像源:
注意:有教程推荐大家使用cnpm命令,但是使用发现cnpm有时会有bug,不推荐。安装完成请一定要重启下电脑!!!安装完成请一定要重启下电脑!!!安装完成请一定要重启下电脑!!!3.快速入门
接下来,我们快速领略下vue的魅力
3.1.创建工程
创建一个新的工程:
选择一个空的工程。
然后新建一个module:选中static web,静态web项目:
3.2.安装vue
先输入:npm init -y 进行初始化
安装Vue,输入命令:npm install vue --save
创建html 引入vue
3.3.2.vue渲染
然后我们通过Vue进行渲染: Title {{name}} 很帅!
京东员工排队离职潮到底发生了什么?互联网巨头京东出现员工排队离职潮?近日,有网友发布信息称京东员工排队办理离职手续,并附上一张京东人力资源共享服务中心大厅中的显示屏照片。屏幕上列出5位员工的叫号信息请离职考勤确认X
难兄难弟?负负得正?九城为何牵手贾跃亭?看朱骏创业史就明白了上篇写到贾跃亭的新白衣骑士正是九城的朱骏。不少年轻粉丝不知道朱骏是何许人也,九城又是何方神圣。这里给大家介绍一下朱俊的早年经历。贾跃亭FF的贾跃亭远走美国,继卖美国工厂自救之后,前
民营运载火箭发射再失败,中国马斯克之困本文为燃财经(IDrancaijing)原创作者李金子编辑苏琦2019年3月27日17时39分,酒泉卫星发射中心再次目睹一枚火箭的坠落。由民营火箭公司零壹空间发射的OSM首型运载火
字节跳动的未来到底有多大?关注我,获取更多深度解读继BAT之后,有人称头条美团滴滴为TMB。由此可见头条系产品如今在互联网行业中比重如何。先从字节跳动现在的布局说起。字节跳动覆盖短视频资讯问答电商垂直媒体第
最低售价999元!华为三款新品同时震撼发布频繁活跃在各大社交平台的朋友们应该对于华为和苹果的新品发布会十分感兴趣!毕竟从全球范围来看,华为和苹果已经拥有随时一决高下的强悍实力,苹果的新品发布会已经成功召开了,大众等了很久的
官宣!吉利与奔驰母公司戴姆勒宣布合资smart来了!总部在中国前几天,一直盛传的吉利将要收购smart股份的消息,今天终于得到了实锤证明!3月28日,浙江吉利控股集团和戴姆勒股份公司宣布双方将成立合资公司,在全球范围内联合推动smart品牌转
王健林之殇百货不死,只是在慢慢升级为什么王健林必然在2020年赢得与马云的赌局,但万达百货却败了?文本刊记者任慧媛责任编辑李靖2019年,王健林与马云的1亿世纪豪赌,只剩最后1年。回顾2012,在CCTV中国经济年
对国外某内网渗透的一次小结前言想来想去,不知道叫啥名字好,还是这个名字比较低调有内涵一些。Shell很早就有了,No0d1es同学给我的。服务器是jboss,看样子是前段时间爆出的java凡序列化漏洞拿的s
你见过凌晨四点的北京吗?新能源车主我见过,我们天天见引言夜幕的降临虽然带走了阳光,但整个城市依然灯火通明。还有一些人在不分昼夜地工作,比如出租车司机,网约车司机等。随着新能源汽车政策的推动,北京作为领导者必然要做出表率,所以路面上随
国际互联网领域的美式霸权逻辑(国际观察)国际互联网领域的美式霸权逻辑中新社北京1月12日电题国际互联网领域的美式霸权逻辑中新社记者张晨翼互联网是各国民众工作与生活的重要场域,虚拟与现实的边界也处在不断被打破然
5G用户普及率达到80广州日报讯(全媒体记者张露)昨日,广东省通信管理局举办宣贯会,并发布广东省信息通信业十四五规划。根据规划,到2025年,全省信息通信业收入规模将达到1万亿元,信息基础设施累计投资达