guixiang

2025年4月28日

摘要：表单输入绑定v-model  <template> <h3>表单输入绑定</h3> <form action="">  <!-- v-model绑定的是双向绑定，修改一边阅读全文

posted @ 2025-04-28 16:13 guixiang 阅读(17) 评论(0) 推荐(0)

侦听器-vue

摘要：侦听器代码  <template> <p>事件监听--响应示监听</p> <h1>{{ message }}</h1> <button @click="UpdateHandle">修改数据</button> </template> <scr 阅读全文

posted @ 2025-04-28 15:40 guixiang 阅读(20) 评论(0) 推荐(0)

2025年4月24日

计算属性-vue

摘要：计算属性-vue  <template> <h3>{{ items.name }}</h3> <!-- <p>{{ Object.keys(items.content).length > 0 ? 'Yes':'No' }}</p> 阅读全文

posted @ 2025-04-24 21:25 guixiang 阅读(14) 评论(0) 推荐(0)

class绑定

摘要： class绑定  <template> <p :class="{ 'ClassBinding': isActive }">Class样式绑定</p> <p :class="{ 'ClassBinding': !isActive }">Class样式绑定</p> < 阅读全文

posted @ 2025-04-24 21:24 guixiang 阅读(11) 评论(0) 推荐(0)

2025年4月23日

数组变化侦测

摘要：数组变化侦测代码 <template> <h3>数组侦听</h3> <ul> <li v-for="(item,index) in names" :key="index">{{ item }}</li> </ul> <button @click="addlistHandle">添加数据（ui自动更阅读全文

posted @ 2025-04-23 21:22 guixiang 阅读(14) 评论(0) 推荐(0)

事件修饰符：简化代码

摘要：事件修饰符：简化代码代码  <template> <p>事件修饰符</p> <a @click="clickHandle" href="www.baidu.com">baidu(点击之后可以跳转)</a> <p></p> <a @clic 阅读全文

posted @ 2025-04-23 20:59 guixiang 阅读(11) 评论(0) 推荐(0)

事件传参

摘要：事件传参源码  <template> <button @click="addCount('hello')">ADD</button> <p>count is {{ count }}</p> <p @click="getnam 阅读全文

posted @ 2025-04-23 19:46 guixiang 阅读(9) 评论(0) 推荐(0)

事件处理

摘要：事件处理代码：  <template> <button @click="addCount">ADD</button> <p>count is {{ count }}</p> </template> <script setup 阅读全文

posted @ 2025-04-23 19:24 guixiang 阅读(17) 评论(0) 推荐(0)

2025年4月20日

v-foritem in items列表渲染加css样式分离

摘要： v-for/item in items列表渲染加css样式分离代码  <template> <div> <h1>列表渲染</h1> <p v-for="(item, index) in list" :key="index">{{ item }}</p> < 阅读全文

posted @ 2025-04-20 21:11 guixiang 阅读(23) 评论(0) 推荐(0)

最新版vue文件讲解和端口修改

摘要：最新版vue文件讲解和端口修改 . ├── src/views # 页面视图组件 │ ├── AboutView.vue # 关于页面 │ └── HomeView.vue # 主页 ├── src/assets # 静态资源文件 │ ├── base.css # 全局样式 │ └── main.c 阅读全文

posted @ 2025-04-20 20:24 guixiang 阅读(29) 评论(0) 推荐(0)

此身如朝露，身名俱灭

公告