weixin_57208584的博客

使用的时候，不要一股脑的复制粘贴过来，而是应该进行如下步骤的清洗。assets属性下，引用的图片资源对象中的p属性下，表示路径。，并根据其click等事件的触发，调用上述这些实例方法，来。，让图片资源经过webpack/vite的打包处理。：在lottie.json存放的动画数据中，我们可以。一些很大的背景图片（不影响主体内容展示的）可以放在。可以控制Lottie的大小、速度、展示方向等等。能用原生实现的动效，就不要切Lottie，同样的图片依赖素材，减小依赖图片的大小。等方法控制Lottie动画的显示。

经常在vue的路由使用过程中，会将router和route的调用场景弄混。

1、微信小程序会对一些数据、配置、资源进行缓存，如果不刷新则导致无法及时获取2、如何使得页面及时刷新呢？这涉及到vue-router和location.href的跳转区别。

当你通过绝对路径引用它时，留意应用将会部署到哪里。如果你的应用没有部署在域名的根部，那么你需要为你的 URL 配置。文件夹的静态资源都会被简单的复制，而不经过 webpack。注意我们推荐将资源作为你的。任何放置在 public。

其中的路径就可以设置为相对路径了，比如可以把p参数直接配成new URL('relative path',import.meta.url).href。，也无法拿到其相对路径中的图片。因为json解析绝对路径，只能将图片放在项目根目录下的public文件夹应急。在vue3项目中，想把Lottie依赖的图片放在其相对路径下，但是发现即使修改其中的。将Lottie的json文件转换为。

所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析。在引用组件的时候，在该组件的子元素里面定制template内容，导入到指定slot插槽内。它属于占位符，其本身不作为节点挂入DOM树，但是可以将包裹着的子元素展示，形成一虚拟DOM。利用这一特点，我们平常写vue3的时候可以用它来作为父元素，从而提升渲染性能，比如在写。，并结合响应式的数据和状态，以最优化最少的次数操作、更新真实DOM。这时候，使用template包裹，就可以实现只重复渲染子元素。

Vue 3引入了静态提升（Static Template Hoisting）的概念，它将模板中的静态内容（在编译时可确定的内容）在渲染函数外部提前创建，从而减少运行时的开销。- Vue 3的编译器生成的渲染函数可以更好地进行tree shaking（树摇优化），这意味着在最终打包中只包含用到的代码，减少了不必要的代码体积。- Vue 3的编译器可以更好地支持Fragments（片段）和Teleport（传送门）等特性，这些特性在Vue 2中可能需要特殊的处理。这种方法在一些性能方面存在一些限制。