![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
CiCiCi12
这个作者很懒,什么都没留下…
展开
-
Vue中$refs与$emit的区别及使用场景实例
refs:1)父组件既可以通过refs:1)父组件既可以通过refs:1)父组件既可以通过refs访问或修改子组件的数据,又可以访问子组件方法。场景1:父组件发生某个事件,在事件执行的方法中,需要访问或者更改子组件数据属性或调用子组件方法。此时可以使用children和children和children和refs.但是children不常用,通常使用children不常用,通常使用children不常用,通常使用refs。 <div id="app"> <cpn ref="cp原创 2020-06-29 23:33:58 · 1024 阅读 · 0 评论 -
Vue中props与$parent的区别及使用场景实例
初学Vue,发现props和parent貌似都可以进行父子传递,那到底有什么区别呢?分别是在什么场景使用呢?以下是我自己的理解,欢迎前辈们指导。共同处:都能够接收来自父组件数据。不同处:1)props仅仅只能接收,单项绑定。着重数据传递。2)parent貌似都可以进行父子传递,那到底有什么区别呢?分别是在什么场景使用呢?以下是我自己的理解,欢迎前辈们指导。共同处:都能够接收来自父组件数据。不同处:1)props仅仅只能接收,单项绑定。着重数据传递。2)parent貌似都可以进行父子传递,那到底有什原创 2020-06-29 22:28:45 · 1387 阅读 · 0 评论 -
Vue-父子组件传值实例
1.子传父 <div id="xixi"> <cpn1 v-on:btnclick= "cpnclick"></cpn1> </div> <template id="tem"> <div> <button v-for ="item in categary" style="display:block;" @click="btnclick(item)">{{item.name}}</button>原创 2020-06-25 14:57:47 · 316 阅读 · 0 评论 -
v-for遍历数组和对象
遍历数组遍历对象原创 2020-06-18 10:52:24 · 247 阅读 · 0 评论 -
v-show与v-if的区别
1.v-show与v-if的用法非常相似,都是用来决定一个元素是否显示2.开发中如何选择?v-if的条件为false时,压根不会有对应的元素在dom中v-show条件为false时,对应的元素还在dom中,只是将该元素的样式设置为display:none;当需要将该元素显示与隐藏频繁时,用v-show;只有一次切换时,用v-if;...原创 2020-06-18 10:35:47 · 213 阅读 · 0 评论 -
MVVM是什么?
View层:1)视图层,在前端开发中,是指DOM层2)主要用来给客户展示信息<div id="cici"> <h2>当前计数:{{counter}}</h2> <button v-on:click="add">+</button> <button v-on:click="sub">-</button></div>Model层:1)数据层2)数据可能是固定写死的,也可能是从服务器中获得的V.原创 2020-06-09 11:00:00 · 326 阅读 · 0 评论 -
vue指令:v-once,v-pre,v-html,v-text
1.v-once告诉浏览器,只渲染该元素或组件一次.<div id="app"> <h2 v-once>{{info}}</h2> <h2>{{info}}</h2></div><script src="../js/vue.js"></script><script> let app = new Vue({ el:'#app', data:{ info:'learnVue'原创 2020-06-10 16:58:10 · 199 阅读 · 0 评论 -
Vue计算方法methods和计算属性computed对比
当我们想要显示data中没有声明的变量时,可使用methods里的方法或者computed里的属性去人为计算获得.比如,我们想要获得用户全名,但是data里并没有直接定义全名,只定义了firstName, lastName. 那么我们可以自己在methods内部定义方法去计算出该用户全名,或者在computed里计算出用户全名属性值.以下代码,是通过methods内部定义的方法获得了用户全名:<div id="app"> <p>{{getFullName()}}</p&原创 2020-06-11 16:56:00 · 266 阅读 · 0 评论 -
v-on 修饰符
Vue提供了一些修饰符来帮助我们处理一些事件1).stop -阻止冒泡<div id="xixi" @click="divClick"> <button @click.stop="btnClick">按钮</button></div><script src="../js/vue.js"></script><script> let app = new Vue({ el:'#xixi', methods:{原创 2020-06-16 15:10:58 · 166 阅读 · 0 评论