Vue.js
wuCase
这个作者很懒,什么都没留下…
展开
-
Vue-06-vue生命周期
Vue-06-vue生命周期每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</原创 2020-06-23 14:14:14 · 62 阅读 · 0 评论 -
Vue-05-router和keep-alive
Vue-05-router和keep-alive<keep-alive include="test-keep-alive"> <!-- 将缓存name为test-keep-alive的组件 --> <component></component></keep-alive><keep-alive exclude="test-keep-alive"> <!-- 将不缓存name为test-keep-alive的组件原创 2020-06-04 16:43:48 · 91 阅读 · 0 评论 -
Vue-04-路由router导航守卫
Vue-04-路由router导航守卫一、全局守卫(1)全局前置守卫beforEach(2)全局后置钩子afterEach(少用)二、路由独享的守卫``(1)beforeEnter三、组件内的守卫(1)beforeRouteEnter(2)beforeRouteUpdate(3)beforeRouteLeave完整的导航解析流程总结一、全局守卫(1)全局前置守卫beforEach> 守卫方法接收三个参数:to:即将要进入的目标路由对象from:当前导航正要离开的路由next:执行下一步原创 2020-06-04 16:03:30 · 259 阅读 · 0 评论 -
Vue-03-路由router参数及嵌套
Vue-03-路由router参数及嵌套路由(router)参数params方式query方式路由嵌套路由(router)参数params方式router中的index.js里面进行路由设置动态路由{ path:'/maintest', component:MainTest }, { //设置动态路由:id(任取名字,根据名字获取参数) path:'/test/:id', component:Test }跳转页面,并将数据传递<原创 2020-06-04 15:36:09 · 117 阅读 · 0 评论 -
Vue-02-基础语法(下)
Vue-02-基础语法(下)数据绑定(v-model)事件监听(v-on)循环遍历(v-for)父子组件通信slot插槽数据绑定(v-model)表单绑定单选框绑定多选框绑定选择列表(select)修饰符事件监听(v-on)v-on基础v-on参数v-on修饰符循环遍历(v-for)循环遍历数组循环遍历对象key父子组件通信父传子子传父slot插槽具名插槽作用域插槽原创 2020-05-28 10:13:09 · 90 阅读 · 0 评论 -
Vue-01-基础语法(上)
Vue-01-基础语法(上)一、插值操作1.Mustache({{}})2.v-html3.v-test4.v-once5.v-pre6.v-cloak二、绑定属性1.v-bind一、插值操作1.Mustache({{}})2.v-html3.v-test4.v-once5.v-pre6.v-cloak二、绑定属性1.v-bindv-bind绑定class属性对象语法数组语法绑定style属性本文章是参考b战coderwhy老师的自己整理的笔记 ,如有原创 2020-05-28 09:46:22 · 71 阅读 · 0 评论