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 · 6526 阅读 · 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 · 10826 阅读 · 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 · 2289 阅读 · 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 · 885 阅读 · 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 · 4443 阅读 · 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 · 9705 阅读 · 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 · 3123 阅读 · 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 · 1376 阅读 · 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 · 619 阅读 · 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 · 1827 阅读 · 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 · 613 阅读 · 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 · 318 阅读 · 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 · 982 阅读 · 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 · 487 阅读 · 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 · 553 阅读 · 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 · 404 阅读 · 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 · 23768 阅读 · 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 · 2896 阅读 · 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 · 544 阅读 · 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 · 4694 阅读 · 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 · 858 阅读 · 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 · 1997 阅读 · 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 · 695 阅读 · 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 · 5804 阅读 · 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 · 2198 阅读 · 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 · 324 阅读 · 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 · 1660 阅读 · 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 · 617 阅读 · 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 · 2622 阅读 · 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 · 869 阅读 · 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 · 13773 阅读 · 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 · 739 阅读 · 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 · 727 阅读 · 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 · 795 阅读 · 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 · 2478 阅读 · 0 评论