W2001r的博客

先npm i mitt，然后创建文件夹和文件A、B组件。

常用UI 组件库 移动端常用UI组件库： 1.vant 2.Cube UI 3.Mint UI 4.https://nutui.jd.com/#/ PC端常用UI组件库： 1.Element UI 2.IView UI 这里主要介绍 element-ui 的使用 安装：npm i element-ui 一、全部引入 src/main.js import ElementUI from 'element-ui' // 导入全部组件 import 'element-ui/lib/theme-chalk/

一个路由就是一组映射关系（key - value） key为路径，value为函数或者组件(VueComponents) 路由组件放在 src/pages/ 下， 路由配置放在 src/router/index.js 下 npm i vue-router import VueRouter from ‘vue-router’ Vue.use(VueRouter) ...

一、概念   应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 二、vuex工作原理图：

插槽：样式既可以放入父组件也可以放入子组件 子组件 ></ 中 插入内容 slot 要插入的位置 配置子组件：components: { Category } 默认插槽 // 父组件 <category> <h2>提示</h2> <h4>slot插入到demo: 当只有一个卡槽且没有name属性时不用slot属性</h4> </category> // 子组件 category <slot&

生命周期就是指一个对象的生老病死。 在Vue中，生命周期是指Vue实例对象从创建之初到销毁的过程。 在vue的创建，使用，销毁过程中，会有许多事件，这些事件就被统称为生命周期函数，也叫作生命周期钩子。 前八个： 创建、挂载、更新、销毁 beforeCreate: function(){} 可简写 beforeCreate(){} created beforeMounte ★ mounted beforeUpdate updated ★ beforeDestroy Destroyed 后三个（不常用）

v-bind: eg: v-bind:class=“className” className 不会当作字符串解析，会被当做变量解析 v-model:value 数据双向绑定，一般用于表单元素 input,checkboxselect等 ps: v-model 默认绑定value，可以简写: v-model=“” <div id="root"> <!-- @submit.prevent 提交时默认阻止原事件 --> <form @subm

Vue 脚手架是 Vue 官方提供的标准化开发工具 初始化 1.全局安装 npm i @vue/cli -g 2.打开cmd,cd到桌面：输入 vue create vue_test（vue_test是根文件夹名） 3.显示如下，选择Vue2或者Vue3 4.等待完成（打开根目录，如下图），在创建的根目录用vscode打开 vue_test: .文件目录 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html:.