![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
我需要九个亿
这个作者很懒,什么都没留下…
展开
-
非父子组件间的传值
1、单独的事件中心管理组件间的通信var eventHub = new Vue()2、监听事件与销毁事件eventHub.$on('add-todo',addTode)eventHub.$off('add-todo')3、触发事件eventHub.$emit(`add-todo`,id) <div id="app"> <div> <button @click="handle">销毁原创 2021-10-20 17:06:24 · 108 阅读 · 0 评论 -
子组件向父组件传值
1、子组件通过自定义事件向父组件传递信息<button v-on:click='$emit("enlarge-text")'>扩大字体</button>2、父组件监听子组件的事件<menu-item v-on:enlarge-text='fontSize += 0.1'></menu-item>原创 2021-10-20 15:47:10 · 107 阅读 · 0 评论 -
组件之间的交互
父组件向子组件传值:1、组件内部通过props接受传递过来的值 Vue.component('menu-item', { props: ['title','content'], data() { return { msg: '子组件本身的数据' } }, template: '<.原创 2021-10-20 14:29:30 · 457 阅读 · 0 评论 -
全局组件注册语法
Vue.component(组件名称,{ data:组件数据, template:组件模板内容})案例: // 注册组件 // 定义一个名为button-counter的新组件 Vue.component('button-counter', { data() { return { count: 1 } ..原创 2021-10-19 16:11:52 · 284 阅读 · 0 评论 -
单页面应用及其优缺点
单页面应用(SPA):就是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html、css、js所有的页面内容都包含在这个所谓的主页面中。多页面(MPA):指一个应用中有多个页面,页面跳转时是整页刷新。优点: 1、用户体验好,快,内容的改变不需要重新加载整个页面,对服务器压力较小。 2、前后端分离,比如vue项目。 3、完全的前端组件化,前端开发不再以页面为单位,更多地采用组件化的思想,代码结构 ...原创 2021-10-18 09:18:40 · 1315 阅读 · 0 评论 -
v-if与v-show的区别以及使用场景
v-if是通过控制dom节点的存在与否来控制元素的显隐; v-show是通过设置DOM元素的display样式,block为显示,none为隐藏; 使用场景: v-if有更高的切换消耗;v-show有更高的初始渲染消耗, 如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较 好。...原创 2021-10-13 19:27:18 · 498 阅读 · 0 评论