摘要: 效果图: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> .container { } .container .c 阅读全文
posted @ 2020-04-12 22:11 一纸年华 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 1.组件插槽的作用 父组件向子组件传递内容 2.组件插槽基本用法 2.1 插槽位置 Vue.component('alert-box', { template: ` <div class="demo-alert-box"> <strong>Error!</strong> <slot></slot> 阅读全文
posted @ 2020-04-12 19:55 一纸年华 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 父组件向子组件传值 1. 组件内部通过props接收传递过来的值 Vue.component('menu-item', { props: ['title'], template: '<div>{{ title }}</div>' }) 2. 父组件通过属性将值传递给子组件 例 <!DOCTYPE h 阅读全文
posted @ 2020-04-12 19:30 一纸年华 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 介绍 vue-devtools 是一款基于chrome游览器的插件,用于调试vue应用 1.进入Vue官网,选择生态系统 > 工具 > Devtools 2.在GitHub上克隆下来 将vue-devtools clone到本地 git clone https://github.com/vuejs/ 阅读全文
posted @ 2020-04-12 15:58 一纸年华 阅读(1) 评论(0) 推荐(0) 编辑