
vue
白白静静
这个作者很懒,什么都没留下…
展开
-
简单理解vue2双向绑定
1. 使用vue写一个数据双向绑定 此时浏览器的输出为: 可以发现在定义的obj对象中除了我们定义的msg之外还有set和get 2.新建一个页面 浏览器输出: 3.以上可以推测 使用Object的方法,对数据添加属性。 var data = {} var msg = "" Object.defineProperty(data,'msg',{ set: function reactiveSetter (value){ msg = value原创 2021-01-14 13:15:38 · 265 阅读 · 0 评论 -
Vue.set()变动数组
Vue变动数组 <script src="../vue.js"></script> <ul id="app"> <!-- <li>{{name}}</li>--> <li v-for="name in names">{{name.n}}</li> </ul> <script> var a = new Vue({ el: '#app',原创 2021-01-05 15:22:09 · 886 阅读 · 0 评论 -
v-if和v-show
v-if和v-show区别 被问了我好多次,我都记不清楚 方法 v-if通过删除和增加DOM节点来,控制显示与隐藏 v-show通过空值display样式来控制显示与隐藏 消耗 v-if有更多的切换消耗,适合元素可能永远不会显示出来时显示 v-show有较高的渲染消耗,适合频繁切换时使用 ...原创 2020-12-04 17:07:32 · 130 阅读 · 0 评论 -
父子组件通讯props,$emit,ref
以下内容为自学过程中的记录,不一定准确完整。 文章目录父子组件传值1.父组件向子组件传值2.子组件向父组件传值 父子组件传值 1.父组件向子组件传值 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。 父组件 v-bind:father="father" 子组件 export default{ props:[ father:{ required:true, type:[String,Number],原创 2020-12-04 11:09:19 · 123 阅读 · 0 评论