摘要：
<template> <div>AppContent: {{ message }}</div> <button @click="changeMessage">修改message</button> <showInfo name="why" :age="18" @info-btn-click="info 阅读全文
posted @ 2022-08-24 17:26
杨建鑫
阅读(45)
评论(0)
推荐(0)
摘要：
<template> <div> <h2>当前计数: {{ counter }}</h2> <button @click="counter++">+1</button> <button @click="name = 'kobe'">修改name</button> </div> </template> 阅读全文
posted @ 2022-08-24 16:11
杨建鑫
阅读(68)
评论(0)
推荐(0)
摘要：
<template> <div> 本人 : {{reactiveWatch.name}} - {{reactiveWatch.age}} 朋友 : {{reactiveWatch.firend.name}} 同桌 : {{reactiveWatch.firend.hang.name1}} - {{r 阅读全文
posted @ 2022-08-24 15:53
杨建鑫
阅读(36)
评论(0)
推荐(0)
摘要：
<template> <div> 本人 : {{refWatch.name}} - {{refWatch.age}} 朋友 : {{refWatch.firend.name}} 同桌 : {{refWatch.firend.hang.name1}} - {{refWatch.firend.hang. 阅读全文
posted @ 2022-08-24 15:51
杨建鑫
阅读(249)
评论(0)
推荐(0)
摘要：
<template> <div> {{refWatch}} <button @click="refWatch++">ref的变化</button> </div> </template> <script> import {ref,reactive,watch} from 'vue' export de 阅读全文
posted @ 2022-08-24 15:43
杨建鑫
阅读(287)
评论(0)
推荐(0)
摘要：
父组件 : <template> <div>AppContent: {{ name }}</div> <button @click="name = 'kobe'">app btn</button> <show-info></show-info> </template> <script> import 阅读全文
posted @ 2022-08-24 15:04
杨建鑫
阅读(18)
评论(0)
推荐(0)
摘要：
父组件 : <template> <div> <div class="name" ref="oneRef"> ref第一个 </div> <div class="name" ref="twoRef"> ref第2个 </div> <hello ref="ziRef"></hello> </div> 阅读全文
posted @ 2022-08-24 14:50
杨建鑫
阅读(171)
评论(0)
推荐(0)
摘要：
<template> <div> <input type="number" v-model="num1"> + <input type="number" v-model="num2"> 答案 : {{total}} <hr> <input type="text" v-model="name1"> < 阅读全文
posted @ 2022-08-24 14:10
杨建鑫
阅读(25)
评论(0)
推荐(0)
摘要：
<template> <div> 默认 : {{data.name}} - {{data.age}} - {{data.hight}} <br> 解构 : {{name}} - {{age}} - {{hight}} <br> <button @click="age++,hight++">改变</b 阅读全文
posted @ 2022-08-24 13:30
杨建鑫
阅读(79)
评论(0)
推荐(0)
摘要：
父组件 : <template> <div> 父组件 : {{data.name}} - {{data.age}} - {{data.hight}} <hr> <Hello :data="data" :readonlyData="readonlyData" @readonlyChange="read 阅读全文
posted @ 2022-08-24 11:50
杨建鑫
阅读(27)
评论(0)
推荐(0)
摘要：
父组件 : <template> <div> 父组件 : {{data.name}} - {{data.age}} - {{data.hight}} <hr> <Hello :data="data"></Hello> </div> </template> <script> import Hello 阅读全文
posted @ 2022-08-24 11:42
杨建鑫
阅读(16)
评论(0)
推荐(0)
摘要：
<template> <div> <h1>浅层解包</h1> {{ageobj.age.value}} {{ageobj.age}} <button @click="ageobj.age.value++ ">修改浅层解包的年龄</button> </div> </template> <script> 阅读全文
posted @ 2022-08-24 10:26
杨建鑫
阅读(70)
评论(0)
推荐(0)
摘要：
<template> <div> <h1>vue3</h1> <span>{{name}} - {{age}}</span> <button @click="refname">函数修改name</button> <button @click="name = '刚'">直接修改name</button 阅读全文
posted @ 2022-08-24 10:18
杨建鑫
阅读(60)
评论(0)
推荐(0)
摘要：
<template> <div> <h1>vue3</h1> <span>{{info.name}} - {{info.age}}</span> <button @click="infobtn">修改info</button> </div> </template> <script> import { 阅读全文
posted @ 2022-08-24 09:54
杨建鑫
阅读(24)
评论(0)
推荐(0)
浙公网安备 33010602011771号