摘要: 使用ref进行DOM元素的索引 假设:在vue中,需要操作DOM了,需要拿到页面上某个DOM元素的引用,此时怎么办? 可快速实现对子组件的data数据和样式的改变。 使用ref引用组件实例,使用这个方式从父向子传值方便多了 例 ref实现按钮和文本框的按需使用:点击按钮展示文本框、失去焦点时自动展示 阅读全文
posted @ 2023-03-15 17:10 Dinesaw 阅读(57) 评论(0) 推荐(0) 编辑
摘要: VUE基础部分 组件css样式例子 <style lang="less"> // 这里记得改名,然后给div也加名字 .comName-container { padding: 10 20px 20px; background-color: lightskyblue; min-height: 250 阅读全文
posted @ 2023-03-15 12:11 Dinesaw 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 全局组件使用 创建@/components/Count.vue,定义其内容 ①main.js 导入 import Count from '@/components/Count.vue' 声明 Vue.component('myCount', Count) //这里的myCount才是在其他组件中能调 阅读全文
posted @ 2023-03-15 12:02 Dinesaw 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 子组件的创建与隐藏 通过flag的切换,进行子组件Test的创建和隐藏。 App.vue <template> <button @click="flag = !flag">Toggle Flag</button> <Test v-if="flag"></Test> <script> data() { 阅读全文
posted @ 2023-03-15 12:00 Dinesaw 阅读(27) 评论(0) 推荐(0) 编辑