随笔分类 -  Vue2.0

上一页 1 2
Vue（十二）vue实例的属性和方法
摘要：vue实例的属性和方法 1. 属性 vm.$el vm.$data vm.$options vm.$refs <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w 阅读全文
posted @ 2018-01-15 15:25 yulingjia 阅读(411) 评论(0) 推荐(0)
Vue（十一）计算属性
摘要：计算属性 1. 基本用法 计算属性也是用来存储数据，但具有以下几个特点： a.数据可以进行逻辑处理操作 b.对计算属性中的数据进行监视 2.计算属性 vs 方法 将计算属性的get函数定义为一个方法也可以实现类似的功能 区别： a.计算属性是基于它的依赖进行更新的，只有在相关依赖发生改变时才能更新变 阅读全文
posted @ 2018-01-10 16:09 yulingjia 阅读(198) 评论(0) 推荐(0)
Vue（十）生命周期
摘要：Vue生命周期 vue实例从创建到销毁的过程，称为生命周期，共有八个阶段 <script> window.onload=function(){ let vm = new Vue({ el:'#app', data:{ msg:'Hello World ! ' }, methods:{ update( 阅读全文
posted @ 2018-01-10 10:32 yulingjia 阅读(260) 评论(0) 推荐(0)
Vue（九）小案例 - 百度搜索列表（跨域）
摘要：效果： 阅读全文
posted @ 2018-01-09 17:51 yulingjia 阅读(561) 评论(0) 推荐(0)
Vue（八）发送跨域请求
摘要：使用vue-resource发送跨域请求 1 安装vue-resource并引入 1 安装vue-resource并引入 cnpm install vue-resource -S 2 基本用法 2 基本用法 使用this.$http发送请求 this.$http.get(url, [options] 阅读全文
posted @ 2018-01-09 10:28 yulingjia 阅读(372) 评论(0) 推荐(0)
Vue（七）发送Ajax请求
摘要：发送AJAX请求 1. 简介 vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现 axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护 参考：GitHub上搜索axio 阅读全文
posted @ 2018-01-05 16:25 yulingjia 阅读(3589) 评论(0) 推荐(0)
Vue（六）过滤器
摘要：1. 简介 用来过滤模型数据，在显示之前进行数据处理和筛选 语法：{{ data | filter1(参数) | filter2(参数)}} 2. 关于内置过滤器 vue1.0中内置许多过滤器，如：currency、uppercase、lowercase、limitBy、orderBy、filter 阅读全文
posted @ 2018-01-05 15:46 yulingjia 阅读(317) 评论(0) 推荐(0)
Vue（五）模板
摘要：模板 1. 简介 Vue.js使用基于HTML的模板语法，可以将DOM绑定到Vue实例中的数据 模板就是{{}}，用来进行数据绑定，显示在页面中 也称为Mustache语法 2. 数据绑定的方式 a.双向绑定 v-model b.单向绑定 方式1：使用两对大括号{{}}，可能会出现闪烁的问题，可以使 阅读全文
posted @ 2018-01-05 15:15 yulingjia 阅读(237) 评论(0) 推荐(0)
Vue（四）事件和属性
摘要：1. 事件 1.1 事件简写 v-on:click="" 简写方式 @click="" 1.2 事件对象$event 包含事件相关信息，如事件源、事件类型、偏移量 target、type、offsetx 1.3 事件冒泡 阻止事件冒泡： a)原生js方式，依赖于事件对象 b)vue方式，不依赖于事件 阅读全文
posted @ 2017-12-14 17:04 yulingjia 阅读(1440) 评论(0) 推荐(0)
Vue（三）常用指令
摘要：（1） v-model 双向数据绑定，一般用于表单元素 <script> window.onload=function(){ new Vue({ // el:'.itany', el:'div', //vue2.0中不允许将vue实例挂载到<html>或<body>元素，在vue1.0中是可以的 d 阅读全文
posted @ 2017-12-05 09:50 yulingjia 阅读(371) 评论(0) 推荐(0)
Vue（二）vue-devtools插件
摘要：安装vue-devtools插件，便于在chrome中调试vue https://github.com/vuejs/vue-devtools 因为chrome要FQ，打不开，所以不能直接进去安装拓展程序，只能选择手动安装 这里面是上述操作过后的文件 https://pan.baidu.com/s/1 阅读全文
posted @ 2017-11-27 14:56 yulingjia 阅读(2490) 评论(0) 推荐(0)
Vue（一）创建第一个Vue程序
摘要：一、下载安装nodeJs 基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像 -- npm install -g cnpm --registry=https://registry.npm.taobao.org 二、第一种方法，直接下载vuejs 阅读全文
posted @ 2017-11-22 09:56 yulingjia 阅读(1378) 评论(1) 推荐(0)

上一页 1 2