Vue
文章平均质量分 79
Vue
MyLight1109
这个作者很懒,什么都没留下…
展开
-
[Vue]5.Axios
什么是AxiosAxios是一个开源的可以用在浏览器端和Node JS的异步通信框架, 她的主要作用就是实现AJAX异步通信,其功能特点如下:从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API[JS中链式编程]拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF(跨站请求伪造)GitHub:https://github.com/axios/axios中文文档:http://www.axios-js原创 2021-11-22 16:52:15 · 453 阅读 · 0 评论 -
[Vue]4.组件
什么是组件组件是可复用的Vue实例, 说白了就是一组可以重复使用的模板,通常一个应用会以一棵嵌套的组件树的形式来组织:例如,页头、侧边栏、内容区等组件,每个组件又包含了其它的像导航链接、博文之类的组件。第一个Vue组件注意:在实际开发中,我们并不会用以下方式开发组件,而是采用vue-cli创建,vue模板文件的方式开发,以下方法只是为了理解什么是组件。使用Vue.component()方法注册组件,格式如下:<script src="https://cdn.jsdelivr.ne原创 2021-11-15 19:00:44 · 482 阅读 · 0 评论 -
[Vue]3.双向绑定
什么是双向数据绑定Vue.js是一个MV VM框架, 即数据双向绑定, 即当数据发生变化的时候, 视图也就发生变化, 当视图发生变化的时候,数据也会跟着同步变化。这也算是Vue.js的精髓之处了。 值得注意的是,我们所说的数据双向绑定,一定是对于UI控件来说的非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vue x那么数据流也是单项的,这时就会和双向数据绑定有冲突。为什么要实现数据的双向绑定在Vue.js中,如果使用vuex, 实际上数据还是单向的, 之所以说原创 2021-11-15 18:52:17 · 1471 阅读 · 1 评论 -
[Vue]2.基本语法指令
1.v-bind我们可以使用v-bind来绑定元素特性下面代码就是将span的title属性绑定到message<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--view层,模板--><div id="app"&g原创 2021-11-15 18:13:14 · 426 阅读 · 0 评论 -
[Vue]1.第一个程序
VueVue(读音/vju/, 类似于view) 是一套用于构建用户界面的渐进式框架, 发布于2014年2月。与其它大型框架不同的是, Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层, 不仅易于上手, 还便于与第三方库(如:vue-router,vue-resource,vue x) 或既有项目整合。1.MVVM模式的实现者Model:模型层, 在这里表示JavaScript对象View:视图层, 在这里表示DOM(HTML操作的元素)ViewModel:连接视图和数据的中间件,原创 2021-11-15 17:59:38 · 490 阅读 · 1 评论