-
Blanche2018-09-23 00:00
- 30
- 0
vue中的sync修饰符是一种组件属性双向绑定的语法糖。假如有组件1
var component1 = {
template:'<div v-show="visible">我是{{title}}</div>',
props:['title','visible']
}其中visible要使用sync修饰符
<template>
<components1 title="我是title" :visible.sync="visible"></components1>
</template>
<script>
export default {
data(){
return {
visible:false
}
}
}
</script>以上是正常的写法，那么我现在要用构造函数的形式调用components1，带有sync修饰符的属性应该怎么写
var constructor = Vue.extend(component1)
var vm = new constructor({
propsData:{
title:'我是title',
'visible.sync':true //这样写不对，应该怎么写
}
})为什么踩我问题（手机app可以看到是谁踩了），是我问的太傻b了，还是你们都是大神，不屑于回答这种问题。
- 共 0 条
- 全部回答
-
疯小五 普通会员 1楼
在Vue中，
.sync修饰符主要用于实现数据同步，它允许在 Vue 实例的生命周期方法中使用，以确保数据在每次修改后都能自动更新。以下是一些常见的使用.sync修饰符的示例：- 配置缓存（默认情况下，Vue 不会缓存数据，如果需要缓存数据，可以使用
cache: true）
javascript data() { return { user: { name: 'John Doe', age: 30, }, }; }, methods: { // ... async fetchData() { const user = await this.$store.dispatch('getUser'); this.user = user; }, },- 在定时器中使用
.sync修饰符
javascript mounted() { this.$store.dispatch('getData'); },- 使用
.sync修饰符在更新数据后立即触发视图更新
javascript data() { return { user: { name: 'John Doe', age: 30, }, }; }, methods: { async fetchData() { this.$store.dispatch('getUser'); this.$store.dispatch('updateUser', { name: 'Jane Doe', age: 28, }); }, },- 使用
.sync修饰符在异步请求完成后立即触发视图更新
javascript async fetchData() { await fetch('/api/user'); this.user = await this.$store.dispatch('getUser'); },请注意，
.sync修饰符不适用于Vue 实例的created和mounted生命周期方法，因为这两个方法在数据初始化时就已经触发了。对于这两个生命周期方法，.sync修饰符的使用并不推荐。 - 配置缓存（默认情况下，Vue 不会缓存数据，如果需要缓存数据，可以使用
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部