- 博客(4)
- 收藏
- 关注
RSS订阅原创 vue组件12种通信方式
children获取到所有只包含子组件的VueComponent对象数组,可以直接拿到子组件中所有的数据和方法等不包括孙组件。如果在子组件上,引用的指向就是子组件实例,父组件就可以通过refs主动获取子组件的属性或者调用子组件的方法。而且prop只读，不能被修改。父组件向子组件传递数据的双向绑定子组件接收到的数据可以直接修改并且会同时修改父组件的数据。和.sync类似可以实现将父组件传给子组件的数据为双向绑定,子组件通过$emit修改父组件的数据。...
2022-07-17 18:17:46
210
原创 如何在一个全新的项目使用多语言国际化？
国际化(i18n)处理vue项目中的多语言支持使用的是vue-i18n2. ElementUI多语言配置创建src/lang/index.js3. 在main.js中挂载 i18n的插件4. 验收效果在src/lang/index.js中手动修改locale属性，改成zh 或者 en 查看日历组件的星期显示...
2022-06-16 19:44:58
138
原创 修饰符.sync与v-model区别
实现父子组件数据之间的双向绑定，与v-model类似。类别在于：一个组件上只能有一个v-model，.sync修饰符可以有多个。原理3、.sync修饰符的原理4、.sync与v-model区别：● 相同点：都是语法糖，都可以实现父子组件中的数据的双向通信。● 区别点：○ 格式不同。 v-model=“num”, :num.sync=“num”○ v-model： @input + value○ :num.sync: @update:num○ v-model只能用一次；.sy
2022-06-08 22:23:12
2330
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人