一、父组件向子组件传递数据(props)第1:父组件需引入子组件import './nav2Children.vue'import './public/zjOne.vue'组件引入:components: {'nav2C': nav2Children, 'zjOne': zjOne}变量定义:content:{}, title:"",html部分写法: 第2
转载
2024-07-11 14:39:25
151阅读
五. vue-router
原创
2022-09-13 12:17:13
326阅读
一、路由
路由的本质就是一种对应关系,根据不同的URL请求,返回对应不同的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为:后端路由和前端路由。
1.1 路由分为两大类:
前端路由:Hash地址与组件之间的对应关系。
SPA与前端路由之间的关系:SPA指的是一个web网站只有唯一的一个HTML页面,所有组件的展示与切换都在这唯一一个页面内完成。此时不同组件之间的切换,要
原创
2024-01-21 02:18:43
438阅读
ajax技术:不重新加载整个页面的情况下,异步地与服务器进行通信,并更新页面的部分内容Ajax(Asynchronous JavaScript and XML)是一种使用 JavaScript 向服务器发送和接收数据的技术。 Ajax 的工作原理基于以下关键组件:XMLHttpRequest 对象:XMLHttpRequest 是浏览器提供的 API,用于创建 HTTP 请求,并与服务器进行通信。
父组件内定义插槽具体内容 <table-data> <!-- 两种方式,下面是简写 <template v-slot:supplierOrderNo="data" >--> <template #supplierOrderNo="data" > {{ data.data}} </template>
父子传值是指在程序中父组件向子组件传递数据的过程。在前端开发中,父子组件通常是指父组件包含一个或多个子组件,子组
原创
2023-10-31 12:00:38
1028阅读
##一、动态传值 import Home from './components/Home.vue'; // 1. 配置路由 nst routes = [ { path: '/home/:id', component: Home }, ] //2. 页面配置跳转 <router-link :to="' ...
转载
2021-07-12 16:49:00
385阅读
2评论
组件基础概念与全局|局部组件的写法、组件之间传值(父传子、子传父的使用方法与注意事项)
原创
2023-06-27 10:28:58
176阅读
<template> <div>{{ statusMean(status) }}</div> </template> export default { data() { }, computed: { statusMean: () => (value) => { value = parseInt(va ...
转载
2021-11-02 22:17:00
505阅读
2评论
父子组件传值vue2版本: 父组件: <template> <div id="app"> <hello-world :title="aa" :likes="likes" :isPublished="false" :callback="aaa" @show="bbb"></hello-world> / ...
转载
2021-09-13 18:00:00
633阅读
2评论
vuerouterchild循环按钮传值step1:F:\gftproject\vuetify\router\twelve\myapp\src\router\index.jsjs{path:'/manparty',name:'ManParty',component:ManParty,children:{path:'style',component:partyStyle},{path:'edu',c
原创
2021-10-19 11:12:10
174阅读
vue router child 循环按钮传值step1: F:\gftproject\vuetify\router\twelve\my-app\src\router\index.js{ path: '/manparty', name: 'ManParty', component: ManParty, children: [ { path: 'style', component: partyStyle }, { path: '
原创
2021-10-22 17:04:59
121阅读
引入用vue可以是要组件复用的,而组件实例的作用域是相互独立,这意味着不同组件之间的数据无法互相引用 一般来说,组件之间可以有几种关系: 如上图所示,A 和 B、B 和 C、B 和 D 都是父子关系,C 和 D 是兄弟关系,A 和 C 是隔代关系(可能隔多代)。方法一:props/ $emit(父子间传递常用方式)父组件A通过props的方式向子组件B传递 B向A通过在B组件中$emit,A组件中
转载
2024-10-18 22:38:56
106阅读
【代码】Vue2 路由跳转传参。
原创
2024-09-05 10:10:51
38阅读
本文介绍VUE2中routes和router,$route和$router的区别以及不同的使用场景
原创
2022-09-01 11:07:27
130阅读
【代码】uniapp Vue2 子组件给父组件传值。
原创
2024-01-21 00:23:45
129阅读
【代码】uniapp vue2父组件传值给子组件传值。
原创
2024-01-21 00:23:41
111阅读
一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 开始:如图,下载8
Vue2 Vue3 组件传值的方式 对比学习。
原创
2022-06-16 10:52:25
697阅读
router 传参的参数类型URL scheme 定义router - query<router-link :to="{path:'/profile', query: {name: 't1', age: 18}}">档案</router-link><template> <div> <h2>This is Profile</h2> <h3>{{$route.query}}&..
原创
2022-03-03 15:26:53
129阅读