vue发送AJAX请求
一、 发送AJAX请求 1. 简介 vue本身不支持发送AJAX请求,需要使用vue-resource、axios等插件实现 axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护 参考:GitHub上搜索axios,查看API文档 2. 使用axios发送…
|
718
|
|
192 字
|
8 分钟
vue过滤器
七、 过滤器 1. 简介 用来过滤模型数据,在显示之前进行数据处理和筛选 语法:{{ data | filter1(参数) | filter2(参数)}} 2. 关于内置过滤器 vue1.0中内置许多过滤器,如: currency、uppercase、lowercase limitBy orderBy filterBy vue2.0中已经删除了所有…
|
431
|
|
119 字
|
4 分钟
vue模版
六、 模板 1. 简介 Vue.js使用基于HTML的模板语法,可以将DOM绑定到Vue实例中的数据 模板就是{{}},用来进行数据绑定,显示在页面中 也称为Mustache语法 2. 数据绑定的方式 a.双向绑定 v-model b.单向绑定 方式1:使用两对大括号{{}},可能会出现闪烁的问题,可以使用v-cloak解决 方式2:使用v-tex…
|
478
|
|
82 字
|
4 分钟
vue事件和属性
五、 事件和属性 1. 事件 1.1 事件简写 v-on:click="" 简写方式 @click="" 1.2 事件对象$event 包含事件相关信息,如事件源、事件类型、偏移量 target、type、offsetx 1.3 事件冒泡 阻止事件冒泡: a)原生js方式,依赖于事件对象 b)vue方式,不依赖于事件对象 @click.stop 1…
|
441
|
|
309 字
|
12 分钟
vue常用指令
1. 什么是指令? 用来扩展html标签的功能 angular中常用的指令: ng-model ng-repeat ng-click ng-show/ng-hide ng-if 2. vue中常用的指令 v-model 双向数据绑定,一般用于表单元素 <!DOCTYPE html> <html lang="en"> <…
|
406
|
|
333 字
|
10 分钟
vue入门
一、 Vue.js简介 1. Vue.js是什么 Vue.js也称为Vue,读音/vju:/,类似view,错误读音v-u-e 版本:v1.0 v2.0 是一个构建用户界面的框架 是一个轻量级MVVM(Model-View-ViewModel)框架,和angular、react类似,其实就是所谓的数据双向绑定 数据驱动+组件化的前端开发(核心思想)…
|
578
|
|
428 字
|
4 分钟