xiaopi3的博客

vue3的组合api用法

目录1 事件总线 $bus1 事件总线 $bus创建一个事件总线，用于发送和监听全局事件，方法是：// 在main.js中添加一个新的Vue实例在Vue原型上Vue.prototype.$bus = new Vue()// 发送事件this.$bus.$emit('xxx')// 监听事件this.$bus.$on('xxx',()=>{})...

文章目录3 组件化开发3.1 全局组件和局部组件3.2 父组件和子组件3.2.1 父组件直接访问子组件 $children3.2.2 子组件访问父组件 $parent3.2.3 直接访问Vue实例（顶层）$root3.3 模板抽离3.4 组件data3.5 组件传值props（父组件-->子组件）3.6 组件事件监听$emit（子组件-->父组件）3.6.1 方法一3.6.2 方法二3.7 组件插槽slot3.7.1 具名插槽3.7.2 作用域插槽3.8 动态组件4 模块化开发4.1 Commo

目录5 webpack详解5.1 安装5.2 使用5.2.1 webpack配置文件5.2.2 映射命令到package.json5.3 loader5.3.1 css-loader5.3.2 less-loader5.3.3 图片处理loader5.3.4 ES6文件转码 babel-loader5.3.5 webpack配置Vue vue-loader5.4 plugin5.4.1 版权插件5.4.2 打包html到dist插件6 vue-cli7 vue-router8 vuex9 网络10 Rush

vue.config.js配置，名称固定，与package.json同级别目录下module.exports = { // 项目部署的基础路径 // 我们默认假设你的应用将会部署在域名的根部， // 比如 https://www.my-app.com/ // 如果你的应用时部署在一个子路径下，那么你需要在这里 // 指定子路径。比如，如果你的应用部署在 // https://www.foobar.com/my-app/ // 那么将这个值改为 `/my-app/` publ

目录1 vue介绍2 基本语法3 组件化开发4 vue-cli5 vue-router6 vuex7 网络8 RushB1 vue介绍2 基本语法3 组件化开发4 vue-cli基于构建工具webpack5 vue-router前端路由6 vuex状态管理7 网络8 RushB