Vue.js菜鸟教程 第二章 入门

前端之家收集整理的这篇文章主要介绍了Vue.js菜鸟教程 第二章 入门前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。

使用Vue.js的步骤:

第一步:在html页面中引入vue.js

第二步:Vue.js提供了一个Vue,我们需要创建一个对象。

new Vue({});

第三步:在用户界面view中,通过{{}}形式将data中的数据显示页面中。

用户界面中,{{}}代码中绑定的data的key,而在页面显示的是该key的value。

Vue.js对获取的data与页面显示的{{}}会产生一种映射关系。

app这个变量会代理vue中data数据。所以我们访问data中数据的时候,直接用app.name就可以了

这样,如果我们要实现前后台交互,只要将从后台得到的数据,放在data中,页面就会自动绑定,这样就实现了从model->view的数据流向。

原文链接:https://www.f2er.com/js/527623.html

猜你在找的JavaScript相关文章