![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
淘淘桃
兄弟们互关!互关!
展开
-
vue----ref属性
可以写在组件上:在vue中使用 this.$refs.名字 拿到[组件]对象,组件属性,方法直接使用即可。可以写在普通标签:在vue中使用 this.$refs.名字 拿到dom对象,可以原生操作。# ref属性,vue提供的,写在标签上。原创 2023-06-25 08:37:34 · 409 阅读 · 0 评论 -
vue ----组件间的通信
props: ['urls', 'myshow'] //用于接收lqz标签的属性。比如 <lqz :urls="url" :myshow="true"></lqz>1.在子组件的标签上,定义随意的属性名,属性值为父组件要传给子组件的值。2.子组件要接收父组件传来的属性。原创 2023-06-23 18:02:03 · 372 阅读 · 0 评论 -
vue----组件
组件的分类:全局组件:可以放在根中,可以在所有组件中使用局部组件:只能在当前组件中使用# 1 全局组件是使用Vue.component定义的,可以在全局任意组件中使用# 2 局部组件是定义在某个组件内的:components,只能用在当前组件中# 3 组件可以嵌套定义和使用。原创 2023-06-23 17:26:27 · 345 阅读 · 0 评论 -
箭头函数有参无参五种分类
【代码】箭头函数有参无参五种分类。原创 2023-06-23 11:35:15 · 375 阅读 · 0 评论 -
vue事件处理和数据的双向绑定v-model
数据双向绑定---》只有input标签---》v-model 做双向数据绑定。-change:只要输入框发生变化,就会触发。-input:只要输入内容,就会触发。-blur:只要失去焦点,就会触发。# 咱们之前写的,其实都是数据的单向绑定。-click:点击事件。修改js的值,页面变了。# input标签的事件。原创 2023-06-20 22:14:19 · 728 阅读 · 0 评论 -
vue基础使用和指令
看到别人写v-for时,在标签上都会加一个 key 属性,目的是为了提高虚拟dom的替换效率。如果这样,name='xx' 就写死了,我们想动态的绑定变量,变量变化,属性的值也变化。# v-show:控制标签显示与否,通过样式的display: none;# 用的最多的就是点击事件,给某个标签绑定一个点击事件,当点击一下,就执行某个函数。v-for 都可以循环 -----# 数字,字符串,数组,对象。# v-if: 控制标签显示与否,直接删除或加入标签。# 重点:v-on:事件='函数名'原创 2023-06-20 22:14:12 · 738 阅读 · 0 评论 -
vue----计算属性和监听属性
2 计算属性只有在它的相关依赖变量发生改变时才会重新求值,否则不会变(函数只要页面变化,就会重新运算)# 3 计算属性就像Python中的property,可以把方法/函数伪装成属性。# 1 计算属性是基于它们的依赖变量进行缓存的。# 属性如果发生变化,就会执行某个函数。# 4 计算属性,必须有返回值。原创 2023-06-23 17:06:05 · 426 阅读 · 0 评论