
Vue
Vue学习
Sukie_
这个作者很懒,什么都没留下…
展开
-
webpack学习小项目
webpackStudy文件,学习笔记写在最后面 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...原创 2019-10-26 22:19:55 · 453 阅读 · 0 评论 -
Vue 10-使用组件的细节
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-18 01:24:31 · 222 阅读 · 0 评论 -
Vue 11-组件使用ref属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-18 01:25:31 · 331 阅读 · 0 评论 -
Vue 12-父子组件间数据传递
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-18 12:09:47 · 208 阅读 · 0 评论 -
Vue 13-组件参数校验、props特性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-18 17:45:36 · 225 阅读 · 0 评论 -
Vue 14-非父子组件间的传值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-18 17:46:16 · 180 阅读 · 0 评论 -
Vue 15-具名插槽、作用域插槽
一.具名插槽 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...原创 2019-09-18 19:57:15 · 289 阅读 · 0 评论 -
Vue 16-动态组件和v-once
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-18 19:59:27 · 230 阅读 · 0 评论 -
Vue 17-vue的动画
一.vue的<transition>能使它包裹的元素有过渡效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...原创 2019-09-19 00:50:51 · 293 阅读 · 0 评论 -
Vue 1-组件间传值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-18 00:29:27 · 218 阅读 · 0 评论 -
Vue 9-对象循环渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-18 00:18:24 · 1509 阅读 · 0 评论 -
Vue 2-计算属性,方法,侦听器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-17 19:09:12 · 163 阅读 · 0 评论 -
Vue 3-计算属性的getter,setter
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-17 19:13:37 · 953 阅读 · 0 评论 -
Vue 4-样式绑定
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-17 19:14:18 · 203 阅读 · 0 评论 -
Vue 5-样式绑定2
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-17 19:15:09 · 179 阅读 · 0 评论 -
Vue 6-条件渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-17 19:15:54 · 277 阅读 · 0 评论 -
Vue 7-用key区别两个dom
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-17 19:16:36 · 253 阅读 · 0 评论 -
Vue 8-数组循环渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-17 19:17:21 · 901 阅读 · 0 评论