qq_43313093的博客

关于vue的一些面试题 八股文

思维导图在开发中也是比较常见的需求了,尤其是后台管理系统之类的项目中,如果你还不会用,那么这篇文章可能对你有帮助。

使用对象语法，可以将一个对象传递给 v-bind:class （简写 :class），对象的键是类名，对象的值是布尔值，决定是否应用该类名。如果你也想根据条件动态切换这些类名，可以在数组中使用三元表达式或逻辑与（ && ）操作。同样是使用 v-bind:class ，你可以传递一个数组来应用一个类名列表。当类名的逻辑变得复杂时，可以使用计算属性。

今天学可视化的时候遇到一个奇葩bug，图表渲染正常，控制台没有任何报错，但是tooltip就是不生效，找了很久都没找到问题根源。最后在网上无意中发现了踩坑的前辈才解决。问题还是出在了vue3的响应式处理上，见。

以上就是使用 Vite 创建 Vue 3 项目的基本流程。需要注意的是，Vite 的开发服务器采用了快速的 HMR（热更新）方案，相比于传统的打包工具开发效率更高，但在生产环境中需要使用打包工具打包部署。另外，Vite 还有很多其他的特性和插件，可以根据实际需要进行使用和配置。等待片刻后，Vite 就会在浏览器中打开一个新的窗口，你就可以开始开发 Vue 3 项目了。其中，my-vue3-app 是项目的名称，你可以根据实际需要进行修改。

vuex的基本使用安装npm install vuex --save导入到项目import Vuex from 'vuex'Vue.use(Vuex)创建Store对象const Store = new Vuex.Store({ state:{ data:'this is data.state中就是全局共享的数据' }})挂载到实例中new Vue({ el:"#app", render:h=>h(app), route

监听 Vuex 中的数据变化可以通过使用计算属性监听特定的 state 或 getter、使用 Vuex 提供的 mapState 和 mapGetters 辅助函数在组件中创建反应式的状态映射，或者使用 store.subscribe 方法在 store 外部监听所有的状态变化。这些办法可以根据不同的场景需求选择使用。

总结：这三种模式本质都是解决SPA页面导航的问题，只是实现方式和使用环境有所不同，hash模式使用URL的hash来表达路由，兼容性好但是不美观，history模式看起来更美观、更贴合使用习惯，但是需要后端配置支持，而abstract模式只适用于在服务器环境下模拟路由。首先，vue-router一共有三种模式，分别是hash模式、history模式和abstract模式，其中，vue默认的路由模式是hash模式。

Vuex是一个专为Vue.js应用程序设计的状态管理库和模式，它通过集中式存储管理，可预测地维护应用的状态。它使得组件间的状态共享变得透明化和有序化，特别适用于大型应用。简而言之，Vuex 是 Vue 应用中状态管理的规范和实用工具。Vuex实际上是实现了Flux、Redux等数据管理模式的Vue内部状态管理方案，它通过store来提供一个全局的状态仓库，其中保存着多个组件中共享的状态。通常在小型应用中不会使用Vuex，只有在需要处理多个组件共享状态时才需要用到它。