- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue-vue状态管理
vuex中的store非常强大，其中存储的状态是响应式的，若store中的状态数据发生变化，其会自动反映到对应的组件视图上。并且，store中的状态数据并不允许开发者直接进行修改，改变store中状态数据的唯一办法是提交mutation操作，通过这样严格的而管理，可以更加方便地追踪每一个状态的变化过程。action本身也是可以接受参数的，其第一个参数是默认的，是与store实例有着相同方法和属性的context上下文对象，第二个参数是自定义参数，由开发者定义，这与mutation的用法类似。
2022-09-28 15:59:58
2910
原创 vue-vue路由管理
我们使用createRouter方法来创建路由实例，此路由实例可以使用beforeEach方法来注册全局的前置导航守卫，之后当触发导航跳转时，都会被此导航守卫捕获。//将要跳转的路由对象//当前将要离开的路由对象return false//返回true表示允许此次跳转，返回false表示禁止此次跳转})当注册的beforeEach方法返回的是布尔值时，期用来决定是否允许此次导航跳转，以上代码表示，所有路由跳转都被禁止。
2022-09-27 10:38:46
1213
原创 vue-动画
Vue过渡动画的核心原理依然是采用css类是实现的，只是vue帮助我们在组件的不同生命周期自定切换不同的css类。Vue中默认提供一个名为transition的内置组件，可以用其来包装要展示过渡动画的组件。transition组件的name属性用来设置要执行的动画名称，Vue中约定了一系列css类名规则来定义各个过渡过程中的组件状态。x-enter-from类在组件即将被插入页面时添加到组件上，可以理解为组件的初始状态。
2022-09-23 10:49:15
6026
原创 vue-构建工具Vue CLI的使用
src是一个重要的文件夹，核心功能代码文件都存放在这个文件夹下，在默认的模板工程中，这个文件夹下还有两个子文件夹：assets和components。node_modules文件夹下存放的是npm安装的依赖模块，这个文件夹默认会被Git版本管理工具忽略，对于其中的文件，我们也不需要手动添加或修改。项目工程中有一个名为App.vue的文件，这其实使用了Vue中单文件组建的定义方法，即将组件定义在单独的文件中，以便于开发和维护。public下的index.html的文件，它就是网页的入口文件。
2022-09-23 10:46:47
792
原创 vue-vue响应式编程
setup中的生命周期定义方法需要在周期函数前加上on，注意：setup方法执行时机与beforeCreate和created执行时机基本一致。组合和setup方法中窦定义了同样的生命周期方法，他们之间并不会冲突。setup() {console.log("setup中定义的mounted方法");})},console.log('组件内定义的mounted方法');
2022-09-21 18:46:30
1135
原创 js高级-代理与反射
每个处理程序对象可以包含零个或多个捕获器，每个捕获器都对应一种基本操作，可以直接或间接在代理对象上调用。每次在代理对象上调用这些基本操作时，代理可以在这些操作传播到目标对象之前先调用捕获器函数，从而拦截并修改相应的行为。根据 ECMAScript 规范，每个捕获的方法都知道目标对象上下文、捕获函数签名，而捕获处理程序的行为必须遵循“捕获器不变式”。它可以用作目标对象的替身，但又完全独立于目标对象。处理程序对象：一个通常以函数作为属性的对象，各属性中的函数分别定义了在执行各种操作时代理的行为。
2022-09-08 16:28:58
349
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人