我的第一个vue应使用

  • 时间:2018-06-17 21:03 作者:小生恃才 来源:小生恃才 阅读:110
  • 扫一扫,手机访问
摘要:首先我们先来认识一下,vue是什么:Vue (读音 /vju?/,相似于 view) 是一套使用于构建使用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为能自底向上逐层应使用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或者既有项目整合。另一方面,当与现代化的工具链以及各

首先我们先来认识一下,vue是什么:

Vue (读音 /vju?/,相似于 view) 是一套使用于构建使用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为能自底向上逐层应使用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或者既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合用时,Vue 也完全可以够为复杂的单页应使用提供驱动。

一目了然,vue是一个javascript的框架。

框架,框架有什么好的,还不是一样得打代码。

传统意义上的解释:框架(framework)是一个框子——指其束缚性,也是一个架子——指其支撑性。是一个基本概念上的结构,使用于去处理或者者解决复杂的问题。

框架(Framework)是整个或者部分系统的可重使用设计,体现为一组笼统构件及构件实例间交互的方法;另一种定义认为,框架是可被应使用开发者定制的应使用骨架。前者是从应使用方面然后者是从目的方面给出的定义。

能说,一个框架是一个可复使用的设计构件,它规定了应使用的体系结构,阐明了整个设计、协作构件之间的依赖关系、责任分配和控制流程,体现为一组笼统类以及其实例之间协作的方法,它为构件复使用提供了上下文(Context)关系。因而构件库的大规模重使用也需要框架。

那么小编了解的框架又是什么呢:

我认为,作为一个程序员,“打太极”是很重要的,但是光会”打太极“的程序员不是好程序员。我们接手项目后,第一时间就想快一点完成它,只有完成它才有可可以闲下来给大家吹嘘逼听。不光是我的想法,大家都想快点完成。那么一个基础扎实的程序员,肯定不会害怕构建最基础的功可以,比方通过传值,数值转换,方法的勾连等,小编基础其实挺差的。那么一条一条的语句自己亲身去写,明明已经烂熟的东西,还要再写一遍,尽管很简单可一不小心即可可以会出错,还白费了自己的时间,有什么办法可以节省下这部分力气(在这种情况下,编程真的只是单纯的力气活了),有的聪明人就把一个个最基本的功可以组合成一个文件,一个文件又可以调使用各种方法,各种文件又可以互通有无,这就是框架的来源。是不是豁然开朗,小编为了各位老爷的转发和点赞评论,都豁出去了,老爷们还不点赞转发?

今天呢,咱们来详情一个中国人(在上海高中毕业的,货真价实),华夏之光:尤雨溪。

尤雨溪是Vue.js框架的作者,HTML5版Clear的打造人。他认为,未来App的趋势是轻量化和细化,可以处理问题的应使用就是好应使用。而在移动互联网时代大的背景下,个人开发者的机遇在门槛低,成本低,跨设施和多平台四个方面。

2014年2月,开源了一个前台开发库Vue.js。Vue.js 是构建 Web 界面的 JavaScript 库,是一个通过简洁的API提供高效的数据绑定和灵活的组件系统。

2016年9月3日,在南京的JSConf上,Vue作者尤雨溪正式宣布加盟阿里巴巴Weex团队,尤雨溪称他将以技术顾问的身份加入 Weex 团队来做 Vue 和 Weex 的 JavaScript runtime 整合,目标是让大家可以使用 Vue 的语法跨三端。

小编扯了这么多就是为了让大家多理解vue,爱上vue。

进入今天的干活主题,我的第一个vueapp:

首先,用vue前,按照js一贯的规矩先导包,小编这里是官方的包链接,拿去贴上:

先创立一个完整的页面,而后将这个标签贴到网页里。

大家可可以看到了,有两个”不正当“的标签:

假如说html标签是页面的钢筋,这两个一个是水泥,一个是木材,css充实页面,丰富了页面色彩和样式,js让页面变成了动态的东西,安上了门窗桌椅,只在需要的时候打开就可。一会都要使用到。我把这几个文件统统命名为index,在一个网站中,index是起点,是基础,一个网站只需有了index,就可以在index上挂载超级多的页面,index是网站的脸面,也叫”门户“,我们常说的门户网站,嘿嘿小编就不讲解了,请给位老爷看完小子的文章,而后点个赞,再去百度一下曾经的门户网站是多么的神奇。

继续,创立好文件,一共三个,一个是index.html,一个是index.js,一个是index.css。创立三个记事本,而后修改后缀名就可,这里小编推荐大家一个写网页的神器:sublimetext,设置一下色彩字体,事半功倍。

而后开始写程序,

将这几行按照标签的构造方式,写在你自己的页面body中,一个index的页面就写好了。

{{ message }}

而后打开index.js文件。将下面的代码写入js文件中。

var app = new Vue({

el: '#app',

data: {

message: 'Hello Vue!'

}

});

我的第一个vue应使用

就像图中方块里的代码一样

很简单吧。接下来是index.css的编写了,css是样式表文件,是页面的装饰材料,非常重要不可以糊弄。小编直接贴代码了,各位看官自己写出程序吧。

html, body {

margin: 5px;

padding: 0;

}

直接将这段代码放进去文件当中就行了,如下就是效果图了,各位看官,还不赶紧试试,写出来自己的程序来。有的朋友是有编程基础的,就会问,为什么不把css,和js一起放在一个页面里就好了,不使用这么麻烦。但是vue的渐进性的特性决定了,vue从底层到高层的代码规律,还有少量规则是完全无法用和改变的,所以就不要纠结了,养成一种渐进的代码习惯就好了。总的来说vue是非常先进的一种js框架,框架是什么,其实框架是人们不愿多说的话,不愿重复的代码而已,不过也有少量很强大的框架,像是spring几乎是java语言的本命框架了。真正决定技术高低的不是框架,而是程序员的内心,你的内心,你心动了吗?嗯?

我的第一个vue应使用

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】Hadoop环境中管理大数据存储八大技巧(2019-06-15 11:01)
【系统环境|服务器应用】现在国内IT行业是不是程序员过多了?(2019-06-11 06:34)
【系统环境|服务器应用】新贵 Flutter(2) 自己设置 Widget(2019-06-11 06:34)
【系统环境|服务器应用】Android完整知识体系路线(菜鸟-资深-大牛必进之路)(2019-06-11 06:34)
【系统环境|服务器应用】Java程序员小伙经历三个月备战,终获阿里offer(2019-06-11 06:34)
【系统环境|服务器应用】每日一问:谈谈对 MeasureSpec 的了解(2019-06-11 06:34)
【系统环境|服务器应用】【科普】晶体管-1(2019-06-11 06:34)
【系统环境|服务器应用】一个很多人都会答错的java基础题(2019-06-11 06:33)
【系统环境|服务器应用】深入了解枚举类型(2019-06-11 06:33)
【系统环境|服务器应用】JavaScript编译原理与内存管理(2019-06-11 06:33)
手机二维码手机访问领取大礼包
返回顶部