摘要：
路由传参 如何给路由组件传递参数 点击导航区的时候将数据带给路由组件，展示区根据数据渲染组件，渲染的都是同一个组件，只不过数据不同 路由组件可以接收两种参数：query参数和params参数 这两种参数的写法与Ajax中query参数和params参数的写法是一样的 1. query参数 传递参数 阅读全文
posted @ 2024-02-29 19:55
刘二水
阅读(64)
评论(0)
推荐(0)
摘要：
嵌套（多级）路由 展示区中包含了新的导航区和展示区 配置路由规则，使用children配置项： routes:[ //routes中直接配置的是一级路由 { path:'/about', component:About, }, { path:'/home', component:Home, chil 阅读全文
posted @ 2024-02-29 19:55
刘二水
阅读(174)
评论(0)
推荐(0)
摘要：
几个注意点 路由组件通常存放在pages文件夹，一般组件通常存放在components文件夹。 通过组件的使用方式不同将组件划分为不同的分类：路由组件和一般组件 路由组件：靠路由规则匹配出来，由路由器帮我们渲染的组件【我们没有亲自写过这种组件标签】 一般组件：我们亲自写的组件标签 路由组件从某种意义 阅读全文
posted @ 2024-02-29 19:54
刘二水
阅读(25)
评论(0)
推荐(0)
摘要：
使用步骤 安装vue-router，命令：npm i vue-router 导入并应用插件 // main.js import VueRouter from 'vue-router' Vue.use(VueRouter) 创建src/router/index.js，该文件专门用于创建整个应用的路由器 阅读全文
posted @ 2024-02-29 19:54
刘二水
阅读(164)
评论(0)
推荐(0)
摘要：
路由 1. SPA应用 单页Web 应用（single page web application，SPA）。 整个应用只有一个完整的页面（index.html）。 点击页面中的导航链接不会刷新页面，页面不会跳转，只会做页面的局部更新。 数据需要通过ajax 请求获取。 注：多页面应用，多个页面来回跳 阅读全文
posted @ 2024-02-29 19:54
刘二水
阅读(49)
评论(0)
推荐(0)
摘要：
总结 父组件 =》 子组件【props】 子组件 =》 父组件【函数类型的props、组件自定义事件】 孙组件 =》 父组件【全局事件总线】 在组件中引入库时，顺序是这样的 第三方库 自己写的组件 所有开发人员都要用的样式配置在App中 当标签中的属性过多时，可进行改写，改写时通常将原生属性放在最上 阅读全文
posted @ 2024-02-29 19:53
刘二水
阅读(14)
评论(0)
推荐(0)
摘要：
插槽 结构在哪【结构的代码在哪个组件】，样式就写在哪【样式就写在哪个组件中】 这里的App组件是Category组件的父组件 <!-- Category组件 --> <h3>{{title}}分类</h3> <!-- 定义一个插槽，相当于提前挖了个坑 --> <!-- slot标签的作用相当于占位符 阅读全文
posted @ 2024-02-29 19:53
刘二水
阅读(39)
评论(0)
推荐(0)
摘要：
Vue 中的 ajax 如何借助Vue脚手架解决ajax请求跨域的问题 node server.js 运行nodejs文件 一、常用的发送Ajax请求的方式 xhr：js中内置的 new XMLHttpRequest()：windows对象身上的，可以直接用 xhr.open()：配置请求信息 xh 阅读全文
posted @ 2024-02-29 19:53
刘二水
阅读(162)
评论(0)
推荐(0)
摘要：
Vue模块化开发 # 全局安装webpack npm install webpack@4.41.2 -g # 全局安装vue脚手架 npm install @vue/cli-init@4.0.3 -g # 创建模块化的脚手架工程 # vue脚手架使用webpack模板初始化一个appname项目 v 阅读全文
posted @ 2024-02-29 19:52
刘二水
阅读(36)
评论(0)
推荐(0)
摘要：
过渡与动画 Vue封装的过渡与动画 1. 前置知识 CSS 3 动画【2D转换、3D转换、过渡、动画】 参考网站：https://www.runoob.com/css3/css3-animations.html <h1 v-show="isShow" id="title">显示了</h1> <sty 阅读全文
posted @ 2024-02-29 19:52
刘二水
阅读(45)
评论(0)
推荐(0)
浙公网安备 33010602011771号