我在东北烤地瓜

I am kaodigua I am chirourou I am qiaodaima

导航

2020年7月29日 #

路由钩子

摘要： 路由守卫：路由拦截。（路由钩子（函数）） 生命周期：new Vue 全局守卫： beforeEach:全局前置守卫 afterEach:全局后置守卫 beforeResolve:全局解析守卫。 组件内部守卫： beforeRouteEnter:进入路由之前执行 beforeRouteUpdate:当 阅读全文

posted @ 2020-07-29 12:08 我在东北烤地瓜 阅读(87) 评论(0) 推荐(0) 编辑

vuex

摘要： vuex:可以实现数据（data,methods(行为)）的共享。是一个集中式的管理工具。 state:存储状态 mutations:函数，同步操作。更改状态。 通过该函数更改数据状态是唯一的正途。 getters计算属性 mutations模块化。 actions:异步，通过它来调用数据（接口）。 阅读全文

posted @ 2020-07-29 12:03 我在东北烤地瓜 阅读(98) 评论(0) 推荐(0) 编辑

组件传值

摘要： 1、父子(向下)传值：通过属性 // 1、传递的属性不能出现大写。需要用-分割。大写转为小写 // 2、从父级接收过来的数据是不允许直接修改。 // 3、接收过来的属性名，不允许与当前组件的数据名（data属性名）相同 <body> <div id="root"> <input type="butt 阅读全文

posted @ 2020-07-29 11:43 我在东北烤地瓜 阅读(150) 评论(0) 推荐(0) 编辑

动态组件

摘要： <component v-bind:is="组件的名字"></component> 可以用keep-alive组件实例能够被在它们第一次被创建的时候缓存下来 <keep-alive> <component v-bind:is="组件的名字"></component> </keep-alive> ac 阅读全文

posted @ 2020-07-29 09:52 我在东北烤地瓜 阅读(80) 评论(0) 推荐(0) 编辑

自定义指令

摘要： // 全局自定义指令 `v-one` Vue.directive('one', { inserted: function (el) { // 聚焦元素 el.focus() } }) directives: {//定义局部 // 指令的定义 red(el) { el.style.background 阅读全文

posted @ 2020-07-29 09:33 我在东北烤地瓜 阅读(69) 评论(0) 推荐(0) 编辑

指令

摘要： v-bind：单向绑定命令 可以绑定样式，v-bind:style="{k:v,k2,v2...}" v-bind:class ="{'类1':boolean或表达式，’2‘：...}" v-on：绑定事件监听器。 v-on:事件 = “事件处理函数” 事件对象 $event 修饰符 self 只有 阅读全文

posted @ 2020-07-29 09:22 我在东北烤地瓜 阅读(124) 评论(0) 推荐(0) 编辑