张筱菓

2025年2月18日

摘要：路由嵌套是非常常见的需求第一步：创建子路由要加载显示的页面第二步 { path:"/news", name:"news", redirect:"/news/baidu", component:() => import("../views/NewsView.vue"), children:[ { 阅读全文

posted @ 2025-02-18 14:06 张筱菓阅读(4) 评论(0) 推荐(0)

014 路由传递参数

摘要：页面跳转过程中，是可以携带参数的，这也是很常见的业务新建项目：vue create vue-router-demo 选上第四个自动生成新建NewsView.vue 先在路由当中把新创建的这个页面配置进去接下来在首页设置打开这个页面的按钮“新闻” 新建新闻详情的页面NewsDetailsVie 阅读全文

posted @ 2025-02-18 12:20 张筱菓阅读(9) 评论(0) 推荐(0)

013 Vue 引入路由配置（vue-router）

摘要：在Vue中，我们可以通过vue-router路由管理页面之间的关系 Vue Router是Vue.js的官方路由器。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举创建项目：vue create vue-router-demo 1、在Vue中引入路由第一步：安装路由npm 阅读全文

posted @ 2025-02-18 12:19 张筱菓阅读(46) 评论(0) 推荐(0)

2025年2月14日

012 网络请求跨域解决方案

摘要： JS采取的是同源策略同源策略是浏览器的一项安全策略，浏览器只允许js代码请求和当前所在服务器域名，端口，协议相同的数据接口上的数据，这就是同源策略。也就是说，当协议、域名、端口任意一个不相同是，都会产生跨域问题，所以又应该如何解决跨域问题呢 1、跨域错误提示信息 2、目前主流的跨域解决方案有两种阅读全文

posted @ 2025-02-14 18:29 张筱菓阅读(13) 评论(0) 推荐(0)

011 Axios网络请求封装

摘要：在日常应用过程中，一个项目中的网络请求会很多，此时一般采取的方案是将网络请求封装起来在src目录下创建文件夹utils，并创建文件request，用来存储网络请求对象axios 所有安装包都在这个package.json里面可以查看。在src文件中创建utils文件夹（网络请求的方法），在uti 阅读全文

posted @ 2025-02-14 14:49 张筱菓阅读(19) 评论(0) 推荐(0)

010 组件生命周期

摘要：每个组件在被创建时都要经过一系列的初始化过程一一例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期的钩子函数，这给了用户在不同阶段添加自己的代码的机会为了方便记忆，我们可以将他们分类：创建时：beforeCreate（组件准备阅读全文

posted @ 2025-02-14 09:46 张筱菓阅读(19) 评论(0) 推荐(0)

2025年2月13日

009 自定义事件组件交互

摘要：自定义事件组件交互（可以理解成数据的反向传递）自定义事件可以在组件中反向传递数据，PROP可以将数据从父组件传递到子组件，那么反向如何操作呢，就可以利用自定义事件实现$emit <template> <h3>单文件组件</h3> <button @click="sendHandle">发送数据</ 阅读全文

posted @ 2025-02-13 14:02 张筱菓阅读(7) 评论(0) 推荐(0)

008 组件基础

摘要： 1、单文件组件（可以理解成一个文件就是一个组件） Vue单文件组件（又名*.vue文件，缩写为SFC）是一种特殊的文件格式，它允许将Vue组件的模板（html）、逻辑（js）与样式（css）封装在单个文件中 <template> <h3>单位组件<h3> </template> <script> e 阅读全文

posted @ 2025-02-13 10:32 张筱菓阅读(17) 评论(0) 推荐(0)

2025年2月12日

007 表单输入绑定

摘要：你可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是语法糖。她负责监听用户的输入事件来更新数据，并在某种极端场景下进行一些特殊处理。 <input v-m 阅读全文

posted @ 2025-02-12 20:32 张筱菓阅读(13) 评论(0) 推荐(0)

006 事件处理

摘要： 1、监听事件：(添加事件) 我们可以使用 v-on指令（通常缩写为@符号）来监听DOM事件，并在触发事件执行一些JavaScript。用法为v-on:click="methodName"或使用快捷方式@click="methodName" <button @click="counter +=1">A 阅读全文

posted @ 2025-02-12 20:30 张筱菓阅读(12) 评论(0) 推荐(0)

公告