![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue日记
文章平均质量分 82
Mi-Manchi__
前端小学生
展开
-
vue日记9(The end)
vue笔记921.Vuexvuex是一个专为Vue.js应用程序开发的状态管理模式。它借鉴了redux,采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex的特点:能够在vuex中集中管理共享的数据,易于开发和后期维护能够高效地实现组件之间的数据共享, 提高开发效率存储在 vuex中的数据都是响应式的,能够实时保持数据与页面的同步一般情况下,只有组件之间共享的数据,才有必要存储到vuex中;对于组件中的私有数据,依旧存储在组件自身原创 2021-10-25 20:20:05 · 155 阅读 · 0 评论 -
vue日记(待续...)
vue笔记810.路由守卫路由的钩子函数称为路由守卫。分为全局守卫、路由独享守卫、组件内部生命周期守卫。全局守卫:全局前置钩子:router.beforeEach(to,from,next),------前端鉴权全局解析钩子:router.beforeResolve(to,from,next)全局后置钩子:router.afterEach(to,from)路由独享的守卫beforeEnter(to,from,next)组件内部的生命周期守卫beforeRouteLeave原创 2021-10-22 20:25:08 · 147 阅读 · 0 评论 -
vue笔记7 (待续...)
vue笔记716.动态组件页面中的某个地方,在不同的组件之间进行动态切换,除了使用条件渲染(v-if/v-show)还能使用动态组件来实现。vue提供了component标签来实现;在component标签的is属性的属性名决定在当前位置使用哪个组件来进行渲染。<component is="Box"></component> ==><Box></Box>可以给is属性绑定data中的变量,通过改变该变量的值,来达到切换不同组件的目的:<原创 2021-10-19 22:32:45 · 198 阅读 · 1 评论 -
vue日记(六)(待续...)
vue笔记615.组件传值父组件向子组件传值:props父组件可以在调用子组件时,在标签上绑定属性,子组件在自身的props中注册该属性之后,就能将该属性作为数据使用。注意点:属性的用法和data中的数据用法一样,在子组件中只能使用该属性的值,不能进行修改(即使在子组件中修改了该属性的值,重新渲染时,依旧会被父组件传入的属性值重新覆盖),该属性名不要和data中的属性重名,否则会被data 中的属性覆盖。//父组件<template> <div id="app"&g原创 2021-10-18 18:20:27 · 100 阅读 · 2 评论 -
vue日记(待续...)
单文件组件引入:@1官方脚手架 @2挂载vm对象 @3组件引入并渲染到vm中单文件组件是单独写在.vue文件中的组件,每个.vue文件就是一个独立完整的组件,可以供别的组件引入注册使用.webpack有专门的vue加载器,能够识别vue文件,将其打包到项目中。引入文件的路径:一般使用相对路径,也可以使用"@"符号表示入口根文件目录,即src文件夹。<div id="app"> <nav1 son-proprety="子组件使用时属性传进去的值"></nav1>原创 2021-10-17 21:53:53 · 125 阅读 · 1 评论