- 博客(5)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue3+vite打包后页面空白问题
二、vue3 vite打包后页面白屏控制台报错Access to script at 'file:///E:/vueProject/vue3-project/Vue3-big-event-admin/dist。1 安装兼容插件 @vitejs/plugin-legacy。原因：资源路劲问题修改：vite.config.ts。在vite.config.ts 中进行配置。然后到 dist目录下在cmd 中运行。想要查看，可以安装一个本地服务器插件。四、nginx.conf。
2024-05-16 16:51:03
347
原创 vue2中provide inject异步数据传递处理
（即：祖先向下传递数据）、多个子组件或孙子级组件都要使用顶级或父级的数据时，使用provide 和 inject 组合无疑是很方便的一种做法了，但如此只是注入的初始值，并不能随时拿到数据源的实时更新。孙子组件：在inject后，使用计算属性computed计算出一个新值。在provide时，返回一个方法，方法中 return 目标数据。当vue文件中存在多级的。
2024-04-17 14:29:57
249
原创 Vue 3.0x中的Suspense和defineAsyncComponent
然后，我们在父组件中使用 Suspense 组件，将默认内容包裹在 template #default 中，将加载中状态包裹在 template #fallback 中。在组件中加入Suspense，可以让异步组件可以渲染出加载状态，并且如果异步组件加载时出现错误，也能够处理这些错误。当 AsyncComponent 正在加载时，Suspense 组件会显示 LoadingSpinner 组件，直到异步组件加载完成并准备就绪，然后再显示 AsyncComponent 的内容。
2024-03-07 16:36:28
301
1
原创 vue3父子组件和provide、inject数据异步问题
vue3父组件数据是请求后端获取的数据时，就会出现数据不实时响应。因为在获取数据之前子组件已经加载，渲染完成了。所以这个时候接受父组件的异步数据不会实时更新。要解决这个问题就得用到watch监听函数了，利用watch监听父组件传过来的值，当值发生变化时，执行相应的操作。
2024-03-07 15:37:49
503
原创 vue3.0组件之间通信
defineEmits 用于子组件向父组件传递消息，在父组件中，只需要监听子组件的自定义事件，然后执行相应的逻辑即可。在子组件中可以使用defineProps声明需要接收父组件的哪些props，它需要定义一个包含props字段的对象，每个字段定义默认值和类型等信息。defineProps 只能在 setup 中使用，且只能在 setup 的顶层使用，不能在局部作用域使用。获取用setup语法糖创建的子组件实例时，获取的实例是没有子组件自定义的属性和方法的，此时我们需要通过。来暴露子组件的属性和方法。
2024-03-07 14:37:19
854
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人