HTML5技术

vue入门 - Hero^

字号+ 作者:H5之家 来源:H5之家 2017-07-12 11:01 我要评论( )

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。 Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。 另一方面,当与单文件组件和结合使用时,Vue 也完全能够为复杂的单页应

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。

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

另一方面,当与单文件组件和 结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。

如果你对angular有所了解,那么你学起vue一定会非常容易。

因为一方面你对angular有所了解相必你就有一定你前端基础了吧,另一方面就是angular是外国人开发的而我们的vue是根据angular开发的

并且是我们中国人开发的,相必中国人更加了解国人的编程习惯吧。

下面就让我们一起来学习一下vue吧!

首先我们要引入vue.js文件,

我们开启vue的模式跟angular有所不同,我们开启vue的模式就是new Vue()

提示一下V是大写呦`

我们这个对象里面传入的是一个json

new Vue({ el:, data:{ mag: } })

html代码:

<div id=> {{mag}} </div>

这样一个简单的数据展示就完成了。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • AugularJS从入门到实践(一) - 渡劫的机器猫

    AugularJS从入门到实践(一) - 渡劫的机器猫

    2017-07-10 10:00

  • webpack教程(一)——初体验 - herozhou工巧

    webpack教程(一)——初体验 - herozhou工巧

    2017-07-03 17:03

  • Vue.js 基础指令实例讲解(各种数据绑定、表单渲染大总结)——新手入门、高手进阶 - Mr.聂

    Vue.js 基础指令实例讲解(各种数据绑定、表单渲染大总结)——新手

    2017-07-03 11:00

  • Angular2入门学习 - Anlycp

    Angular2入门学习 - Anlycp

    2017-06-27 13:05

网友点评