Vue
关注
分享
扫一扫
文章平均质量分 52
阁下长得好生俊俏
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue防止花括号闪烁
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jsonp</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"原创 2017-02-17 09:37:25 · 6567 阅读 · 0 评论 -
Vue键盘事件
键盘事件<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = fun原创 2017-02-15 23:08:05 · 10932 阅读 · 0 评论 -
Vue v-bind
图片处理<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = fun原创 2017-02-15 23:12:39 · 2367 阅读 · 0 评论 -
Vue 模板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="../js/vue1.0.js"></script> <script> window.onload = function(){ var vm =原创 2017-02-15 23:13:19 · 937 阅读 · 0 评论 -
Vue GET交互
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数据交互</title> <script src="../js/Vue.js"></script> <script src="../js/vue-resource.js"></script> <script>原创 2017-02-15 23:15:16 · 4490 阅读 · 0 评论 -
vue POST交互
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>post交互</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0原创 2017-02-15 23:15:44 · 9755 阅读 · 0 评论 -
Vue jsonp交互
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jsonp</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"原创 2017-02-15 23:16:54 · 3171 阅读 · 0 评论 -
Vue 仿百度搜索
无上下选择<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jsonp</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalab原创 2017-02-15 23:18:30 · 1449 阅读 · 0 评论 -
vue 2.0——模板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/Vue.js"></script> <script> Vue.component('my-aaa',{ template:'原创 2017-03-22 09:32:00 · 676 阅读 · 0 评论 -
vue2.0——生命周期
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/Vue.js"></script> <script> window.onload = function(){ var vm原创 2017-03-22 09:33:14 · 1964 阅读 · 0 评论 -
vue2.0——循环
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/Vue.js"></script> <script> window.onload = function(){ var vm原创 2017-03-22 09:34:36 · 684 阅读 · 0 评论 -
vue2.0——管理组件通信
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/Vue.js"></script> <script> //准备一个空的实例对象 var Event = new Vue();原创 2017-03-22 09:35:19 · 357 阅读 · 0 评论 -
vue2.0——组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/Vue.js"></script> <script> window.onload = function(){ var vm原创 2017-03-22 09:36:48 · 1041 阅读 · 0 评论 -
vue2.0——运动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .show_box{ width:100px; height:100px; background: aqu原创 2017-03-22 09:39:24 · 537 阅读 · 0 评论 -
vue2.0——路由
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>路由</title> <script src="../js/Vue.js"></script> <script src="../js/vue-router.min.js"></script></head><body>原创 2017-03-22 09:40:59 · 606 阅读 · 0 评论 -
VUEX使用
vuex的使用步骤：使用场景：1、多个组件之间的状态共享、数据共享 2、路由之间的复杂数据传递vuex的代码通常放在src——》store目录下入口：index.js所有状态：state.js对state做一些映射：getters.js更改 Vuex 中的状态的唯一方法是提交 mutation：mutations.js存储mutation相关的字符串常量： mutatio...原创 2018-03-07 10:38:47 · 449 阅读 · 0 评论 -
vue事件对象、冒泡、阻止默认行为
事件对象<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = fun原创 2017-02-15 23:03:31 · 23845 阅读 · 0 评论 -
vue事件简写方式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = functio原创 2017-02-15 23:01:14 · 2951 阅读 · 0 评论 -
vue 路由
路由基础<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="../js/bower_components/vue/dist/vue.js"></script> <script src="../js/bower_compon原创 2017-03-03 11:27:18 · 604 阅读 · 0 评论 -
Vue计算属性的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算属性</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">原创 2017-02-17 09:43:20 · 4758 阅读 · 0 评论 -
Vue实例的简单方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实例方法</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">原创 2017-02-17 09:49:04 · 918 阅读 · 0 评论 -
Vue循环—增加索引
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实例方法</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">原创 2017-02-17 09:50:03 · 2072 阅读 · 0 评论 -
Vue 过滤器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="../js/vue1.0.js"></script> <script> window.onload = function(){ var vm =原创 2017-02-15 23:13:47 · 752 阅读 · 0 评论 -
Vue自定义指令-拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实例方法</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">原创 2017-02-17 09:56:05 · 5871 阅读 · 0 评论 -
Vue自定义键盘信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义键盘信息</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=原创 2017-02-17 09:56:49 · 2289 阅读 · 0 评论 -
Vue雏形
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = functio原创 2017-02-13 15:00:15 · 386 阅读 · 0 评论 -
Vue常用指令_V-model
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = functio原创 2017-02-13 15:02:10 · 1736 阅读 · 0 评论 -
Vue常用指令v-for
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = functio原创 2017-02-13 15:04:16 · 664 阅读 · 0 评论 -
Vue常用指令v-on:click
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = functio原创 2017-02-13 15:27:22 · 2672 阅读 · 0 评论 -
Vue1.0版本——TodoList
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">原创 2017-02-14 10:46:21 · 920 阅读 · 0 评论 -
Vue监听数据变化
浅度监听<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义键盘信息</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scala原创 2017-02-17 09:58:35 · 13858 阅读 · 0 评论 -
Vue动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">原创 2017-03-03 11:18:06 · 802 阅读 · 0 评论 -
Vue组件
全局组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0原创 2017-03-03 11:22:24 · 791 阅读 · 0 评论 -
Vue模板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">原创 2017-03-03 11:23:46 · 853 阅读 · 0 评论 -
Vue 父子组件、组件间通信
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">原创 2017-03-03 11:25:38 · 2534 阅读 · 0 评论