Vue
关注
分享
扫一扫
文章平均质量分 79
Vue
MyLight1109
www.mylight1109.cn
展开
-
[Vue]5.Axios
什么是Axios Axios是一个开源的可以用在浏览器端和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 · 513 阅读 · 0 评论 -
[Vue]4.组件
什么是组件 组件是可复用的Vue实例， 说白了就是一组可以重复使用的模板，通常一个应用会以一棵嵌套的组件树的形式来组织： 例如，页头、侧边栏、内容区等组件，每个组件又包含了其它的像导航链接、博文之类的组件。 第一个Vue组件 注意：在实际开发中，我们并不会用以下方式开发组件，而是采用vue-cli创建，vue模板文件的方式开发，以下方法只是为了理解什么是组件。 使用Vue.component()方法注册组件，格式如下： <script src="https://cdn.jsdelivr.ne原创 2021-11-15 19:00:44 · 559 阅读 · 0 评论 -
[Vue]3.双向绑定
什么是双向数据绑定 Vue.js是一个MV VM框架， 即数据双向绑定， 即当数据发生变化的时候， 视图也就发生变化， 当视图发生变化的时候，数据也会跟着同步变化。这也算是Vue.js的精髓之处了。 值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vue x那么数据流也是单项的，这时就会和双向数据绑定有冲突。 为什么要实现数据的双向绑定 在Vue.js中，如果使用vuex， 实际上数据还是单向的， 之所以说原创 2021-11-15 18:52:17 · 1590 阅读 · 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 · 480 阅读 · 0 评论 -
[Vue]1.第一个程序
Vue Vue(读音/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 · 556 阅读 · 1 评论