Vue 中的 .sync 修饰符有什么用 vue 的.sync 修饰符的功能是：当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定。 .sync 修饰符其实就是一个语法糖 举个例子 子组件代码 <!-- Child.vue --> <template> <div id="child"> <div class="change" v-if="show"></div> <button class="btn" @click="$emit('update:show', !show)">点我试试</button> </div> </template> <script> export default { name: "Child", props: ["show"] }; </script> 父组件 <template> <div id="app"> <Child :show.sync="valueChild"/> <!-- A处 --> <Child :show="valueChild" @update:show="valueChild = $event"></Child> <!-- B处 --> </div> </template> <script> import Child from "./Child"; export default { name: "App", components: { Child }, data() { return { valueChild: true }; } }; </script>

Vue 中 computed 和 watch 的区别 computed 是计算属性，watch 是监听 computed 的值不需要加括号，可以直接当属性用 computed 的计算结果会自动缓存 watch 有一个选项 immediate 在最初绑定的时候就执行 watch 还有一个选项 deep 代表是否深度监听

说说对 Vue 数据响应式的理解 const vm =new Vue({data:{n:0}}) data 会被 Vue 监听，被篡改，本来的 n 会变成 get n ,set n vm 是对 Vue 的代理，每次对 data 的读写都会被 Vue 监控，不论是读写 data 本身，还是读写 data 的代理 Vue 会在 data 变化的时候更新 UI