网站建设资讯

NEWS

网站建设资讯

vue最简单的前后端交互示例详解-创新互联

一、学习 vue 面临的问题

创新互联公司公司2013年成立,先为堆龙德庆等服务建站,堆龙德庆等地企业,进行企业商务咨询服务。为堆龙德庆企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

最近想学一门前端技术防身,看到博客园中写 vue 的多,那就 vue 吧。都说 vue 的官方教程写得好,所以我就从官方教程开始学习。官方教程说“Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。”但是这个概念是个什么鬼?还是让人一头雾水嘛。而且我一开始也没有搞清楚 vue 的定位,只知道它是一个前端库,但是确实不知道它的优势是什么,还以为它是一个学会就能一劳永逸的万能的框架呢。官方教程一开始就讲怎么绑定页面上的元素和 JavaScript 中的数据,而且是双向绑定,自动更新,功能确实很强大。但是迟迟没有讲怎么和服务器端进行交互,怎么获取服务器端的数据。(后来经过反复阅读教程,才发现其实它一开始就说了“Vue 的核心库只关注视图层”,是我自己忽略了。)

二、最简单的前后段交互示例

吹再多的口水,也不如一个能运行的示例来得实在。这个例子也是从 vue 的官方教程中抄来的。首先,先建立一个 index.html 文件,编辑其内容,如下:




 My first Vue app
 
 
 


 

Ask a yes/no question:

{{ answer }}


文章标题:vue最简单的前后端交互示例详解-创新互联
本文网址:http://cdweb.net/article/cdephp.html