![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 59
vue
哎呦喂——code
好好学习,努力赚钱
展开
-
vue 组件通信 (父传子、子传父)
父传子:使用props子组件: <div> <h5>{{msgs}}</h5> </div>export default { // props props:[ "msgs"]}父组件:<div> <Child :msgs="msg"></Child> </div>import Child from "./components/Child.vue"expor原创 2021-09-07 17:06:02 · 49 阅读 · 0 评论 -
vue 父子通信( props、$emit ) 结合 双向数据绑定 ( v-model ) 案例
先看一下页面渲染效果:把父组件num的值传到子组件中 , 渲染 ( props )子组件 data 定义 , 用于接收父组件传值 , 渲染 ( data )不在data中定义会报错 ,(不能直接改变父组件的值)父传子:代码:子组件: <div> <!-- 渲染子组件中定义data: firstnumber1 --> <div>data:{{firstnumber1}}</div> <!-- 渲染父组件原创 2021-09-09 17:24:23 · 437 阅读 · 0 评论 -
vue中computed 和 methods 区别
我们先来看一下概念,文字性的描述,可能小伙伴不是很明白,那我们就上代码~计算属性computed : 不支持异步;响应式依赖进行缓存 ,数据发生改变,才会重新进行计算;多对一 或 一对一;属性值是函数。computed本身就是一个属性,完成各种复杂的逻辑,包括运算、函数调用等,只要最终返回一个结果就可以。其本质是computed内部有两个方法(set和get),computed最终返回的结果是get方法的返回值,默认会走get方法,数据变化时,调用set方法。不需要加括号。内部变量原创 2021-08-24 15:47:04 · 386 阅读 · 0 评论 -
1.mounted 2.setTimeout、setInterval
vue3 1.mounted 2.setTimeout、setInterval原创 2022-06-16 10:10:49 · 417 阅读 · 0 评论 -
1.编写HelloWorld!2.变量{{ }}
vue3 helloWorld原创 2022-06-14 10:41:01 · 101 阅读 · 0 评论