学习Vue
清风挽歌
keep moving
展开
-
Vue中使用axios实现Ajax
axiosvue本身是不支持发送ajax请求的,所以我们可以使用第三方的插件来完成的我们的需求vue-resource:vue.js的插件,已不再维护,不建议使用axios:轻量级的库,任何地方都可以使用,很多框架都喜欢用它官网介绍:Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中下载axios.js:https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.0/axios.js右键另存为本章简单的使用axios原创 2020-11-15 00:51:39 · 258 阅读 · 0 评论 -
Vue的生命周期
Vue的生命周期每一个Vue应用都是通过Vue函数创建一个新的Vue实例开始的每一个Vue实例在被创建时都要经过一系列的初始化过程——如:设置数据监听、编译模版、将Vue实例挂载到DOM(html标签元素)上,并且数据发生变化DOM也会随之更新,等等操作。同时在这个过程中也会运行一些叫做生命周期钩子的函数,有了这些函数,我们就能在不同阶段、不同的时间点执行一些我们想要的操作官网图片,自己翻译的。。beforeCreate实例初始化后,被调用的方法数据观测 (data observer)原创 2020-11-13 22:32:19 · 105 阅读 · 0 评论 -
Vue 指令(常用)
Vue框架提供的语法,扩展了html标签的功能,大部分指令的值是js表达式,用于取代DOM操作v-text和v-html类似js中的innerText和innerHTMLv-text更新标签中的内容,不解析内容中的html标签v-html更新标签中的内容,解析内容中的html标签和插值表达式的区别:插值表达式更新该标签元素中的局部内容,而v-text更新的是全部内容<div id="box1"> <p>{{info}} 段落一</p> .原创 2020-11-12 20:56:31 · 117 阅读 · 0 评论 -
初识 Vue(快速入门)
vue.js是一个优秀的前端JavaScript框架随着项目场景的复杂化和综合化,传统模式(html(jsp)+jquery)已经无法满足需求,就出现了一些前端框架,他们满足了企业的需求,更加易用、灵活、高效三大主流的前端框架:angular(最早的前端框架)react(上手有些难度,设计的比较优秀)vue(最简单,最容易上手,中国人开发的,现在很火的一个前端框架)Vue最大程度上的解放了DOM操作,而且能够完成单页web项目开发Vue的核心特征:双向数据绑定通过指令扩展HTML,通原创 2020-11-11 11:31:40 · 153 阅读 · 0 评论