code袁的博客

Vue 脚手架可以理解为盖房包工队，也在不断改造，现在是 4.5.12。到这为止，Vue 脚手架已经安装完成了。Vue 可以理解为中式建筑风格，经过更新升级，现在是 2.X 版本。我们学习的 Vue 版本的 2.X，脚手架的版本是 4.5.12。node_global 和 node_cache。在终端中输入 npm run serve。2.在node的下载目录新建文件。在自己新建的文件下，用cmd打开。直接将项目拖到vscode里面，至此Vue的脚手架搭建完毕了。

🦁作者简介：一名喜欢分享和记录学习的在校大学生💥个人主页code袁💥个人QQ🐯个人wechat：code8896手动码字，如有错误，欢迎在评论区指正💬~你的支持就是我更新的最大动力💪~

切换Components，并且加入css配置项。vite-config.json中配置。配置vite.config.json。

项目文件下运行 npm init vue@latest。1.在父组件在vue3中引入子组件，直接使用，不需要注册。ref执行的响应式数据，要用.value接受,2.在子组件通过defineProps接受数据。provide 发送消息，inject接受消息。调用computed，返回值用一个常量接受。2.watch 默认是监听ref浅层监听。vue3的生命周期和vue2类似。响应式api，完成响应式数据。1.监听单个值的变化。2.监听多个值的变化。

1.页数方法（每一页多少条）//分页每页显示多少 handleSizeChange(val) {} , 200);});} ,2.下一页的方法// 获取数据 getList() {// 采用封装的api接口方法 allReservationTable() . then((res) => {} , 200);});} ,

1.在全局前置路由守卫中，to是即将要跳转的路由，from是来自那个路由，next是是否放行。1.路由组件一般存放在pages组件中，普通组件存放在commopnts组件中。2.每个zujain都有一个$router属性，存放自己的路由信息。在路由内容展示的页面的router-view加上keep-live。注意在home页面中需要在跳转的页面上加上/home的路径。2.在route的mate中添加是否需要鉴权的条件。在vm的route中接受父路由传递的参数。在路由中配置全新的配置项props。

注意在封装接口时要注意接口的跨域请求的问题，在开发环境下一帮使用vue的开启代理服务器的方法解决。但是在生成环境下不能够实现。注意必须是在自己当前的项目下。按照提示输入下面的命令。// 开启代理服务器。

mapMutations作用是将组件中的 methods 映射为 store.commit 调用（需要在根节点注入 store），它将组件中的 methods 映射为 store.commit 的调用，从而可以直接触发状态变更。VuexmapState是Vuex的一个实用程序函数，用于将Vuex存储中的状态映射到组件的计算属性中。mapActions是Vuex中的一个方法，它可以将store中的actions映射到组件的methods中，从而使组件可以调用store中的actions。

Vue插槽是一种特殊的指令，它允许你在组件中插入可复用的内容。它可以用来在组件之间共享代码，或者在父组件和子组件之间传递数据。在子组件中，其中slot标签当子组件中有插入值时显示插入值的内容，子组件中无插入值时不显示。slot标签与你要曹插入的数据数量要一致。其中name属性用于判断你要插入数据到哪里。在父组件中使用子组件时 在子组件中添加你想展示的内容。当有多个属性要插入到子组件时，采用具名插槽。

Vue代理服务器是一种用于支持Vue应用程序的服务器，它可以帮助开发人员更轻松地实现跨域请求。它可以帮助开发人员更轻松地实现跨域请求，并且可以提供更多的安全性和灵活性。Vue代理服务器可以帮助开发人员更轻松地实现跨域请求，并且可以提供更多的安全性和灵活性。它可以帮助开发人员更轻松地实现跨域请求，并且可以提供更多的安全性和灵活性。注意配置的代理服务器的端口号3000 为你要请请求的服务器的端口号。注意：axios发送的请求是本地的端口，但是要带请求服务器的地址。注意在请求时要加上api的前缀。

组件可以用来添加过渡效果，当一个元素或组件被插入或删除时，它会自动应用过渡效果。组件可以用来添加过渡效果，当一组元素或组件被插入或删除时，它会自动应用过渡效果。2.hello-leave-to离开的终点。hello-enter-to进入的终点。hello-enter进入的起点，4.hello-leave离开的起点。在组件中也可使用动画。

Vue 组件自定义事件1.Vue 组件可以使用 $emit 方法来触发自定义事件，以便在父组件和子组件之间进行通信。在子组件中触发自定义事件后，回调在父组件中2.在子组件中，可以使用 $emit 方法来触发自定义事件，并传递参数3.当传递的值为多个时，传递一个对象4.在组件上绑定的事件默认都是自定义事件。通过.native事件修饰符来声明原生dom事件。1.给子组件绑定自定义事件2.绑定回调函数console . log('触发了' , value) }3.在子组件触发事件。

1.在app的methods方法中添加一个方法receive用于接受子组件传递的值。在app的methods方法中添加一个方法receive用于接受子组件传递的值。2.在子组件中通过props接受app组件传递的方法receive。在子组件中通过props接受app组件传递的方法receive。3.调用receive方法传递子组件想要传递的值。1.在父组件中写好要传的值，在子组件中接受。4.在app父组件中接受子组件传递的值。在app父组件中接受子组件传递的值。1.拆分静态组件，按功能点拆分。

2.在new data的配置中，，data函数，methods函数等，他们的this均是vue的实例对象。1.在组件配置中，data函数，methods函数等，他们的this均是vuecompent实例对象。在vue中vm的组件有app管理，在app组件内部引入定义的school和student组件。3.每次调用组件返回的都是一个新的VueCompent实例对象。其中app组件是整个页面里引入组件的管理者。组件是实现应用中功能的局部代码和资源的集合。注意：template要用div大盒子包裹。

自定义指令v-big定义指令的实现1.简化写法只实现bind和update} , } ,2.全面fbind : {// 指令与元素成功绑定时 bind(element , binding) {} , // 指令所在元素插入页面是 inserted(element , binding) {} , // 指令所在模板重新解析时 update(element , binding) {} , } ,element 是实际的元素，banding是绑定的对象。

将数据先保存在that中。2.使用get或post请求数据。将axios拿到的数据渲染到页面。

vue指令

vue的基本语法

我的第一个vue项目