07 2024 档案
摘要:总结: 单个元素:先申明ref响应式数据,返回给模版使用,通过ref绑定数据 遍历的元素:先定义一个空数组,定一个函数获取元素,返回给模版使用,通过ref绑定这个函数 <template> <div class="container"> <!-- vue2.0 获取单个元素 --> <!-- 1.
阅读全文
摘要:当你明确知道需要的是一个响应式数据 对象 那么就使用 reactive 即可 其他情况使用ref <template> <div class="container"> <div>{{name}}</div> <div>{{age}}</div> <button @click="updateName"
阅读全文
摘要:使用场景:剥离响应式对象(解构|展开),想使用响应式对象中的多个或者所有属性做为响应式数据。 <template> <div class="container"> <div>{{name}}</div> <div>{{age}}</div> <button @click="updateName">修
阅读全文
摘要:使用场景:有一个响应式对象数据,但是模版中只需要使用其中一项数据。 <template> <div class="container"> {{name}} <button @click="updateName">修改数据</button> </div> </template> <script> im
阅读全文
摘要:<template> <div class="container"> <div>{{obj.name}}</div> <div>{{obj.age}}</div> <button @click="updateName">修改数据</button> </div> </template> <script
阅读全文