2019年6月9日
全局组件中，使用自定义组件directives获取焦点
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 21:21 一只大鹅 阅读(333) 评论(0) 推荐(0) 编辑
vue局部组件使用自定义指令directives 获取焦点
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 21:12 一只大鹅 阅读(1107) 评论(0) 推荐(0) 编辑
Vue中组件的methods方法
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 20:52 一只大鹅 阅读(11021) 评论(0) 推荐(0) 编辑
Vue中全局组件中的data和局部组件中的data写法
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 20:24 一只大鹅 阅读(3550) 评论(0) 推荐(0) 编辑
Vue创建局部组件的方法
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 20:11 一只大鹅 阅读(2245) 评论(0) 推荐(0) 编辑
Vue 组件驼峰命名注意 要以 - 连接
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 20:04 一只大鹅 阅读(1899) 评论(0) 推荐(0) 编辑
transition 两个便签切换，同时在动解决 <transition name="move" mode="out-in" appear> appear属性页面加载动画就开始
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 19:41 一只大鹅 阅读(1884) 评论(0) 推荐(0) 编辑
使用key值解决vue同名标签覆盖的问题
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 19:38 一只大鹅 阅读(800) 评论(0) 推荐(0) 编辑
Vue的动画
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 15:20 一只大鹅 阅读(127) 评论(0) 推荐(0) 编辑
this.$nextTick().html 页面数据刷新完以后，再执行回调函数中的方法
摘要： var vm = new Vue({ el:'#app', data:{msg:'小明'}, methods: { change(){ this.msg='小绿' console.log(document.getElementById('p1').innerText); //小明，因为this.ms 阅读全文
posted @ 2019-06-09 14:34 一只大鹅 阅读(1612) 评论(0) 推荐(0) 编辑