随笔分类 -  vue

插槽slot
摘要：当我们封装组件，里面有些东西不确定的时候，我们就可以使用插槽slot， 可以在插槽里面写一个默认的值，如果没有替换就使用默认值，如果有替换就使用替换值。 还可以使用具名插槽，就是给插槽一个name值，然后使用的时候，在对应的标签上写上slot=“name值” 阅读全文
posted @ 2020-08-14 20:29 颿華正茂 阅读(113) 评论(0) 推荐(0)
组件访问
摘要：父组件访问子组件使用$chrean或者$refs <div id="app"> <nv></nv> <nv></nv> <nv></nv> <nv ref="a"></nv> <button type="button" @click="dianji">点击</button> </div> <temp 阅读全文
posted @ 2020-08-14 19:22 颿華正茂 阅读(166) 评论(0) 推荐(0)
组件
摘要：在组件中我们使用的数据data通常是一个函数 那么为什么设计成一个函数，而不是像vue实例里面的对象一样呢 首先我们想一下函数的特性，函数调用一次就有一个自己的作用域，当调用第二次的时候又是一个新的作用域，与第一个没有任何关系 所以如果组件里面的data设计成对象，那么他们共用的数据就会是一个，这样 阅读全文
posted @ 2020-08-14 18:32 颿華正茂 阅读(110) 评论(0) 推荐(0)
v-model
摘要：我们通常会在表单中使用v-model来实现数据的双向绑定。 那么这个v-model是怎么来实现的呢？也就是说如果没有这个v-model我们怎么来实现这个双向绑定 这个时候，我们可以使用v-bind来动态input里面的value属性，把data里面的数据绑定在上面，然后又给input绑定一个inpu 阅读全文
posted @ 2020-08-14 11:52 颿華正茂 阅读(316) 评论(0) 推荐(0)
切换小问题
摘要：有时候，我们登录的时候会有多个选项，比如切换成手机号邮箱登录，但是当我们点击切换后，改变了样式，input里面的值却没有改变过来 <span v-if="active"> <label>手机号</label> <input type="" name="" id="name" /> </span> < 阅读全文
posted @ 2020-08-13 18:56 颿華正茂 阅读(66) 评论(0) 推荐(0)
计算属性
摘要：computed:{ fullname:function(){ } } 在计算属性中有两个方法，一个get 一个set，计算属性完整的写法是 computed:{ fullname:{ set:function(){ } get:function(){ } } } 这个通常计算属性只用get方法，因 阅读全文
posted @ 2020-08-13 17:16 颿華正茂 阅读(232) 评论(0) 推荐(0)
vue的生命周期
摘要：在vue的源码中，有一个vue函数，这个函数里面做了很多事情 当我们在实例化的时候也就是new vue（）的时候，而当我我们new一个vue的时候，vue里面就会有一步一步执行的过程， 当做到某一步的时候，就会有一个回调的钩子函数，而这个钩子函数就可以被我们所使用。 注入：（提取信息，就是data里 阅读全文
posted @ 2020-08-13 14:49 颿華正茂 阅读(98) 评论(0) 推荐(0)
mvvm
摘要：m:model 数据层，（js来定义的一些数据，可能是死的数据，也可能是从服务器获取来的数据，当然还有一些更复杂的数据） v: view 视图层（用来展现给用户看的，dom结构） vm： view-model 视图模型层（vue实例 ，data-banding，dom-listner） mvvm原理 阅读全文
posted @ 2020-08-13 13:32 颿華正茂 阅读(142) 评论(0) 推荐(0)