weixin_45179978的博客

本文使用vue3-sfc-loader在运行时从Node.js服务器动态加载Vue3和Vue2的单文件组件，无需依赖Node.js构建过程，同时展示了在Express应用中设置接口以及在Vue项目中使用loader的详细步骤。，它是Vue3/Vue2 单文件组件加载器。在运行时从 html/js 动态加载 .vue 文件。无需 Node.js 环境，无需 (webpack) 构建步骤。

toRaw是Vue 3 Composition API中的一个函数，它接收一个由reactive或readonly方法创建的响应式代理对象，并返回该代理对象对应的原始对象。这意味着，通过toRaw函数获取的对象，对其进行的任何修改都不会触发Vue的响应式系统，从而不会引起页面的更新。

但是，使用passive修饰符可以告诉浏览器，事件处理程序不会调用preventDefault()来阻止滚动行为，从而使得浏览器可以在滚动操作即将发生时立即进行滚动处理，提高滚动的流畅度和响应性能。这意味着如果一个父元素和子元素都有相同类型的事件监听器，并且点击了子元素，那么只会触发子元素的事件监听器，父元素的事件监听器将被忽略。例如，我们有一个父元素和一个子元素，父元素绑定了一个点击事件，子元素是父元素的一个子元素。修饰符可以确保点击子元素时不会触发父元素的点击事件，只有当点击父元素本身时才会触发。

设置publicPath在vue.config.js 配置文件中// 打包app时放开该配置 publicPath: process.env.NODE_ENV === 'development' ? '/' : '/yad-exp/mgrui',遇见bug，雅迪物流后台项目—— yad-exp-uiuni项目打包uni-app解决无法加载本地图片的方法【动态加载背景图片*唯一的解决办法！！！】特别注意：千万别忘记了【url(${indexBgImage })】<view :st

背景前端的技术发展速度非常的快，异步请求也是其重要的体现之一，从最早的原生XHR，再到JqueryAjax的统治时代，再到近来，fetch、axios等技术也开始出现并大量投入使用。原生AjaxAjax是指一种创建交互式网页应用的网页开发技术，并且可以做到无需重新加载整个网页的情况下，能够更新部分网页，也叫作局部更新。XMLHttpRequest 对象使用ajax发送请求是依靠于一个对象，叫XmlHttpRequest对象，通过这个对象我们可以从服务器获取到数据，然后再渲染到我们的页面上。现在几乎

vuex简介单界面到多界面的状态管理切换运行下载使用事件更改counter 大管家vuex核心概念stategettersmutations简介单界面到多界面的状态管理切换运行下载使用npm install vuex --savestore 文件夹 index.js文件夹------dddd事件更改counter 大管家vuex核心概念state...

路由vue-router路由及其映射关系前端渲染后端渲染和前端路由后端路由替换安装使用Vue-router首页默认显示路由动态拼接：路由动态（拿数据）认识路由的懒加载嵌套路由添加默认路径：参数传递：用按钮跳转传参router和route由来：vue-router全局导航守卫路由及其映射关系前端渲染后端渲染和前端路由后端路由替换安装使用Vue-router首页默认显示...

webpack初识webpack安装初识webpack安装

vue模块化模块化开发不使用模块化带来的问题CommonJSes6的模块化的导出和导入export的基本使用：export default导出统一全部导出模块化开发不使用模块化带来的问题初始模块化思想：CommonJSes6的模块化的导出和导入export的基本使用：export default导出统一全部导出...

vue组件化一、组件化的使用过程注册组件基本步骤全局组件和局部组件：父子组件：注册组件的语法糖：组件模板抽离的写法：组件data必须是函数：父子组件通信父传子props子传父--自定义事件父子组件通信--结合双向绑定案例watch实现：父访问子--children-refs子访问父--parent-rootslot插槽slot-插槽的基本使用slot-具名（name）插槽的使用：编译作用域作用域插...

vue一、认识VueVue的安装响应式、计算器（方法）MVVM创建Vue实例传入的optionsVue的生命周期v-clockv-bind计算属性es6语法补充事件监听 v-onv-if 和 v-else-if 和v-elsev-if和v-show的区别：v-for数组中哪些方法是响应式的：高阶函数v-model结合radio使用v-model：checkboxv-model：selectv-mo...