Vue.js
文章平均质量分 74
和DOM说再见。
samarua
while "live" : print("Loli")
展开
-
【Vue】Vue中的Ajax——axios组件详解
axios简介Vue并不能直接支持ajax,所以通过组件来实现ajax异步请求。最为推荐的组件就是 axios。在进行下面的学习之前,先把这个组件安装到本地:npm install axios 请求axios这样发出请求: axios(config) axios.get(url[, config]) axios.post(url[, data[, config]]) axios.put(url[, data[, config]]) axios.delete(原创 2021-04-13 16:29:09 · 430 阅读 · 0 评论 -
【Vue】如何定义并注册一个组件?如何进行父子组件之间的通信?
理解组件化在大型应用开发的时候,往往要有大量的页面。这些页面,又往往会有相同的部分,比如会有相同的头部导航、相同的底部页尾。这些相同的部分,我们就可以把它封装为一个独立的组件,然后在不同的页面中使用它,避免重复开发。 全局注册全局注册的组件,任何Vue实例都可以引用。演示<div id="app"> <!-- 使用组件 --> <counter></counter></div><sc原创 2021-04-13 16:27:01 · 165 阅读 · 0 评论 -
【Vue】v-xxx指令全面总结
文章目录v-text & v-htmlv-modelv-onv-forv-if & v-showv-bindv-text & v-html在讲这两个指令之前,先说说我们很熟悉的 插值,再来说说用这两条指令替代插值的好处。语法:{{插值表达式}}说明:(1)这是使用Vue实例最简单的方式——花括号内部可以直接使用Vue实例的数据和方法(2)不管是直接写个js语句,还是调用Vue实例,花括号内部必须有返回值(3)当网速过慢,数据尚未加载成功时,页面时会显示最原始的花括原创 2021-04-13 09:17:26 · 615 阅读 · 0 评论 -
【Vue】解剖你的第一个Vue实例
如何编写一个Vue实例?Vue实例new出一个Vue实例是一切的开端:var app = new Vue({ // el // data // methods});<div id="app"> <h2>{{name}}的年龄是{{age}}</h2></div><script type="text/javascript"> var app = new Vue({ el: "#app", data: {原创 2021-04-12 16:56:23 · 151 阅读 · 0 评论 -
【Vue】前端开发串讲与Vue入门演示——带你搞懂Vue框架究竟是用来做什么的
前端开发模式的演进纯静态页面最初的网页以HTML为主,是纯静态的网页。这意味着只存在信息由服务端到客户端的单向流通。这也是前端开发者最轻松的时代。JavaScriptJavaScript横空出世,我们可以使用js操作页面的DOM元素了,页面终于动了起来。Ajax盛行,局部刷新、异步通信、按需取数据,这些优秀的特性让用户的体验提升了一个档次。jQury等框架的出现,是必然的结果,因为前端开发者们既要忙着写前端样式,又要操作DOM进行与后端的交互,实在是忙不过来。生态的建立Chrom原创 2021-04-12 14:56:13 · 720 阅读 · 0 评论