Après avoir suivi, vous pouvez suivre ses informations dynamiques en temps opportun
Cours dans la section correspondante：Utilisation du composant Vue3
1，使用組件 默認(rèn) 大 中 小 2，子組件使用 3，多組件使用 4，組件傳值 //import 模塊名 form路徑 .當(dāng)前目錄 /下級(jí)目錄; import Php from './components/Php.vue'; import OneCom from "./components/OneCom.vue"; export default{ data(){ }, methods: { }, // components使用組件 components:{ Php:Php, OneCom: OneCom, } } 我{{ title }} import Html from './Html.vue'; export default({ setup(){ },// components使用組件 components:{ Html:Html }, //接收組件參數(shù) props:[ "title" ], }) OneCom組件文件 export default { name : "OneCom" }; 我是html組件 export default({ setup(){ }, })
2023-05-080個(gè)贊
Cours dans la section correspondante：Valeur de transmission du composant Vue3
1，使用組件 默認(rèn) 大 中 小 2，子組件使用 3，多組件使用 4,傳值給組件 4.1當(dāng)前頁(yè)面?zhèn)髦? 4.2數(shù)組傳值 5屬性值的替換 //import 模塊名 form路徑 .當(dāng)前目錄 /下級(jí)目錄; import Php from './components/Php.vue'; import OneCom from "./components/OneCom.vue"; export default{ data(){ return{ name:'php中文網(wǎng)鏈接', arr:[1,2,3,4], } }, methods: { }, // components使用組件 components:{ Php:Php, OneCom: OneCom, } } 我是html組件 export default({ setup(){ }, }) 我{{ title }} {{ item }} import Html from './Html.vue'; export default({ setup(){ },// components使用組件 components:{ Html:Html }, //接收組件參數(shù) props:[ "title" , "arr", ], }) OneCom組件文件 export default { name : "OneCom" };
2023-05-080個(gè)贊
Cours dans la section correspondante：vue routage 01
首頁(yè)| about頁(yè)面 | user頁(yè)面 | ‘’ import { createRouter, createWebHistory } from 'vue-router' import HomeView from '../views/HomeView.vue' import AboutView from '../views/AboutView.vue' import User from '../views/User.vue' const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes: [ { path: '/', name: 'home', component: HomeView }, { path: '/about', name: 'about', component: AboutView, }, { path: '/user', name: 'user', component: User, }, ] }) export default router 這個(gè)是about頁(yè)面 這個(gè)是home頁(yè)面 這個(gè)是user頁(yè)面
2023-05-090個(gè)贊
Cours dans la section correspondante：vue routage 03
1.路由的展示 首頁(yè)| about頁(yè)面 | user頁(yè)面 | 2.獲取路徑的方法"$route.path 獲取當(dāng)前路由地址:{{ $route.path }} 3.三元運(yùn)算符展示導(dǎo)航效果 首頁(yè)| about頁(yè)面 | user頁(yè)面 | 4.跳轉(zhuǎn)方法$router.push 點(diǎn)擊我跳轉(zhuǎn)User頁(yè)面 5.全局變量在js里面的使用$router.push 點(diǎn)擊我跳轉(zhuǎn)User頁(yè)面 點(diǎn)擊我跳轉(zhuǎn)hone頁(yè)面 點(diǎn)擊我跳轉(zhuǎn)err頁(yè)面 6.全局變量在js里面實(shí)現(xiàn)兩個(gè)頁(yè)面來(lái)回切換{{ $route.path }} 點(diǎn)擊我跳轉(zhuǎn) 7.路由參數(shù) 跳轉(zhuǎn)user頁(yè)面 export default({ data(){ return{ num:0 } }, methods: { G_url(e){ if(e==1){ this.$router.push('/user') }else if(e==2){ this.$router.push('/home') }else{ //this.$router.push('/user') alert('錯(cuò)誤！沒有該頁(yè)面') } }, G_url2(e){ if(e==1){ this.num=0; this.$router.push('/user') }else{ this.num=1; this.$router.push('/home') } } }, }) .black{ color:black } .active{ color:green; }
2023-05-090個(gè)贊
