脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-什么是Vue.js?Vue.js使用实例，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

1.什么是Vue.js?

Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的渐进式框架。

Vue 只关注视图层， 采用自底向上增量开发的设计。

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

简单来说，Vue.js是一个基于JavaScript语言的前端框架，可以让我们更快捷的进行开发。

2.Vue.js如何使用?

我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用

下面说一些本人目前使用过的Vue.js中的一些功能：

1.el

指向当前vue对象的作用域。也就是说，当前vue对象能够在哪些标签里使用它的功能。如果不在此作用域中，vue的功能将不会生效;

2.data

所有会使用到的属性。这个怎么理解呢?

例：你当前要在某个table中绑定自己从controller中得到的对象集合;

那么，我们可以先在在data中先进行声明一个数组，暂时为空。然后通过Ajax去访问controller，拿到数据后对此数组重新赋值。

因为Vue.js是动态渲染页面的，所以当此数组的值改变时，数组渲染在页面上的数据也相应发生了改变，由此实现数据的动态绑定。

3.methods

所有要使用的函数。这个比较好理解，你可以把所有要用的函数全部写在这个属性中，在调用的时候直接通过当前的vue对象去进行调用。

楼主这里声明了一个getAll的函数，用于向controller发送得到所有数据的请求。

然后得到相应中的数据，直接赋值给data中的users数组，用于实现数据的动态渲染。

4.created

在此对象构建完成后调用的函数。

例：有些界面需要在内容加载完成后直接将数据加载绑定到页面上，这个时候我们可以先在methods中编写一个函数，然后通过此属性去调用那个函数，达到加载时调用的效果。

注：此属性与methods等属性同级，并不属于methods中的一部分，请勿混淆。

********************************分割线**************************************

下面说下一些基本指令;

1.v-html

用于绑定html代码;当你要绑定的数据是html代码时，可以使用v-html进行绑定。

它将自动将你的html代码进行识别并渲染。

2.v-bind

用来响应地更新 HTML 属性;

3.v-if

通过判断表达式的值来判断是否执行某些行为;

4.v-on

一般用来监听某些事件，如点击事件等;

5.v-for

一般用作循环遍历某些数组，采用“item in list"的形式;

例：

此处的users是data中的一个数组，使用v-for来进行遍历，将数组中的对象属性值全部绑定到一个tbody中。

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-什么是Vue.js?Vue.js使用实例全部内容，希望文章能够帮你解决javascript代码实例教程-什么是Vue.js?Vue.js使用实例所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。