摘要: 组件的最大特性就是复用性,而用好插槽能大大提高组件的可复用能力 匿名插槽 ​ <div id="app"> <!-- 插槽内容--> <!-- 这里的所有组件标签中嵌套的内容会替换掉slot 如果不传值 则使用 slot 中的默认值 --> <alert-box>有bug发生</alert-box> 阅读全文
posted @ 2020-12-03 00:07 星辰ꦿ.大海 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 父组件向子组件传值 父组件发送的形式是以属性的形式绑定值到子组件身上。 然后子组件用属性props接收 在props中使用驼峰形式,模板中需要使用短横线的形式,字符串形式的模板中没有这个限制 <div id="app"> <div>{{pmsg}}</div> <!--1、menu-item 在 A 阅读全文
posted @ 2020-12-03 00:06 星辰ꦿ.大海 阅读(157) 评论(0) 推荐(0) 编辑
摘要: vue-devtools 新版本安装容易出错,我下载的旧版本 https://github.com/vuejs/vue-devtools/tree/v5.1.1 下载完成后在根目录下打开命令行工具,执行以下命令: npm install npm run build 然后去浏览器上添加扩展程序 这里要 阅读全文
posted @ 2020-12-03 00:05 星辰ꦿ.大海 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称,第2个参数是一个选项对象 全局组件注册后,任何vue实例都可以用 组件基础用 <div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component 阅读全文
posted @ 2020-12-03 00:02 星辰ꦿ.大海 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 现实中的组件化思想体现 编程中的组件化思想体现 组件化规范: Web Components 我们希望尽可能多的重用代码 自定义组件的方式不太容易(html、css和js) 多次使用组件可能导致冲突 Web Components 通过创建封装好功能的定制元素解决上述问题 官网:https://deve 阅读全文
posted @ 2020-12-03 00:01 星辰ꦿ.大海 阅读(120) 评论(0) 推荐(0) 编辑