MiMeng的博客

vue中的watch函数用于监视数据的变化vue2中的监视<script src="../../node_modules/vue/dist/vue.js"></script> <div id="app"> <div> <button @click="updataHello">更改欢迎词</button> <button @click="updata

问题在初次使用vue3的时候，页面上有一个点击按钮，当点击按钮的时候页面数据发生相应的改变。export default { name: "HelloWorld", props: { msg: String, }, setup(props) { let data = { num: 0, }; let say = "hello"; function add() { data.num++; say = "V

什么是Vuex？是一个专门在Vue中实现集中式状态管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理 ，也是组件间通讯的方式。什么时候使用Vuex?多个组件依赖于同一个状态来自不同的组件的行为需要变更为同一状态Vuex的5个核心理念StateActionsMutationsGetterModulestate状态管理的数据核心公共存放的数据：用来存储变量actions和mutation的功能大致相同，不同之处在于 =>1.Action提交的是

什么是vue生命周期Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称为Vue的⽣命周期。什么是生命周期钩子在vue实例的生命周期中会提供一些特定阶段可供调用的函数，这些函数会被调用，程序员可在实例的对应生命周期阶段中进行操作生命周期钩子beforeCreate()这个阶段属于页面初始化之前（vue实例化之前）不能拿到数据，方法，Dom元素不能获取到绑定实例的elcreated(

什么是路由守卫？可以简单理解为路由组件的’门卫’，在进入某个路由的过程中必须先离开自己的守卫，通过其他路由的守卫才能访问到其他路由。全局路由守卫在全局配置的守卫路由，所有的路由导航都会受到全局路由守卫的影响全局前置路由守卫在路由导航的过程中， 页面在跳转之前会进入到前置路由守卫路由切换之前触发，可以控制路由的切换行为beforeEach(to, from, next){} 参数： to 保存了切换的目标路由的信息 from 保存了切换的起始路由的信息

Router和Route当我们创建实例VueRouter时let router = new VueRouter();会有一个全局的router路由器对象， 这个路由器对象在其他路由组件上可以通过路由组件的实例.$router的方式访问到当跳转到一个新的路由时，会创建一个新的route实例对象，每一个路由实例都是唯一的， 保存着当前路由的状态信息。注意：在应用中只存在唯一的Router对象，在每个路由组件中访问到的Router对象都是一个Router实例，互相之间是相同的，但是每个路由之间的ro

3 < router-link > 路由链接组件，用于触发跳转到相应的路由页面 <router-link tag="button" active-class="active" :to="{ path: '/about', }" >标签1</router-link >标签属性默认情况下，router-link是一个链接a标签通过指定tag标签属性可以设置routerlink展