![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 53
留着鼻涕敲代码
~(@^_^@)~
展开
-
如何回答面试题 响应式与双向数据绑定
1 .响应式与双向数据绑定响应式与双向数据绑定是不一样响应式:当对象的属性值被修改之后,他能通知视图更新双向数据绑定:1.从数据到视图(响应式)2.从视图导数据2.你对Vue2.x的响应式的理解?他是通过Object.defineProerty来对对象的属性进行拦截(劫持),就可以知道的“在什么时间,那个属性被改成那个值”通过对视图进行编译,收集依赖关系(那个DOM元素,需要在属性值依赖变化时更新。),把依赖关系保存到观察者模式中。当数据被修改时,通过观察者模式发布事件,原创 2021-11-23 19:22:14 · 320 阅读 · 1 评论 -
Vue 组件传值的十种方法 敲黑板~~~~~敲黑板~~~~ 是十种
1. 父向子传值- 父组件里子组件标签上绑定自定义属性,子组件通过props接受代码实例2.子向父传值父组件:在子组件标签上定义一个事件子组件:在子组件通过$emit调用父组件定义的事件,并携带参数。代码示例:3.eventBus 事件总线可以通过EventBus进行信息的发布于订阅。(创建一个能够访问到事件总线)事件总线可以分别放到prototype原型上或者另外创建一个js文件作为媒介也可以3.1 在vue原型上挂载prototype原型上挂载是事件总线(main.js文原创 2021-11-14 21:01:37 · 1182 阅读 · 2 评论 -
导航守卫(路由守卫)~全局导航守卫与局部导航守卫(监视hash值(url))
导航守卫:当Router(路由)之间发生挑战时,会触发导航守卫。(再简单理解就是url发生改变时就会触发导航守卫)前局前置导航守卫通过 router.beforeEach 注册全局组件to:即将要进入的路由对象from:要离开的路由对象next: 是一个函数里面有类容就是跳转类容 没有类容就是放行注意:next函数在任何给定的导航守卫中都被严格调用一次。它可以出现多于一次,但是只能在所有的逻辑路径都不重叠的情况下,否则钩子永远都不会被解析或报错(白话理解:给定的导航守卫一次...原创 2021-10-14 20:14:42 · 3691 阅读 · 1 评论 -
vue-route的各个属性的作用及用法
vue-router是vue单页面开发的路由,就是决定页面跳转的!<router-link> 组件支持用户在具体有路由功能的应用中(点击)导航。通过to属性指定目标地址。Props 属性1、to 表示目标路由的链接。当被点击后,内部会立刻把to的值传到router-push()。<router-link :to="‘home‘">Home</router-link><router-link :to="{ path: ‘home...转载 2021-10-17 19:04:54 · 801 阅读 · 0 评论 -
router和route的区别
router和route router是VueRouter的实例对象 route是当前正在跳转的路由对象routerrouter 是VueRouter的实例,router是一个全局的路由对象,里面有很多的属性和方法,比如:router.push,route.options等等。。。routeroute相当于正在跳转的路由对象,可以从route里面获取hash,name ,path,query,matched等属性方法...原创 2021-10-17 18:47:59 · 3693 阅读 · 1 评论 -
当我们进入Vue首页时,会加载那些组件
原创 2021-10-14 16:39:17 · 232 阅读 · 0 评论 -
常用的Vue代码片段 (复制即用)
前三步第四步(复制进去)注意:"prefix":"自定义", 可以自定义这个就是使用代码片段的名字{ "Print to console": { "prefix": "vue", //使用代码片段的关键字 "body": [ "<template>", " <div>\n", " </div>", "</template>", "<script>", "export de...原创 2021-10-06 20:32:26 · 925 阅读 · 0 评论 -
Vuex极其详细的介绍与使用(state:统一定义公共数据,mutations:使用他来修改数据,getters:计算属性,actions:发起异步请求,modules:模块拆分)Vuex-map函数
Vuex是什么? Vuex是一个专为Vue.js应用程序开发的状态管理模块,采用集中式储存管理应用的所有组件的状态,解决多件数据通讯。要点: 1. 集中式管理数据状态方案 2 . 数据是响应式的 (修改数据页面也会随之改变)Vuex五个主要内容 1.state:统一定义公共数据(类似date) 2.mutations: 用来修改数据的(类似于methods) 3.getters:计算属性,对现...原创 2021-09-29 20:07:11 · 1683 阅读 · 2 评论