摘要: 1.为什么应用 解决组件中的样式冲突,让自己的样式只在自己的作用域中应用,不用影响别的组件 实际应用:在使用第三方库组件时,需要更改样式,就可以用这种方法, scoped的原理:给每个元素增加一个自定义的属性用来区分,即 h2[data-v-01]{样式},给这个组件所有的标签都增加上这个自定义属性 阅读全文
posted @ 2021-08-22 21:10 冰镇汽水 阅读(163) 评论(0) 推荐(0)
摘要: 1.props是自定义属性允许当前使用者为当前组件赋初值。 2.props是只读的!千万别直接修改 3.props的对象格式:更多属性请参考: https://www.cnblogs.com/hongdoudou/p/12673732.html props:{ default:, require:, 阅读全文
posted @ 2021-08-22 20:55 冰镇汽水 阅读(191) 评论(0) 推荐(0)
摘要: 错误思想:想把全局组件定义到App.vue中,只想着App.vue是根组件 纠正:当时没有想到组件之间是相互独立的,而且根组件也只是组件而已,即使我把全局组件定义到App.vue中,别的组件也访问不到,更别提根本就定义不了!所以全局组件需要定义到入口main.js中,在组件中只能定义局部组件! 阅读全文
posted @ 2021-08-22 20:46 冰镇汽水 阅读(35) 评论(0) 推荐(0)
摘要: 1.组件的组成:template,script,style 2.组件的script写法 <script> export default({ //data这里是一个函数! data:function(){ return { //data这里写要传的数据 } } }) </script> 3.注意:《1 阅读全文
posted @ 2021-08-22 20:42 冰镇汽水 阅读(29) 评论(0) 推荐(0)
摘要: export default({ data:function(){ return {username:"popo",num:0} }, methods:{ change(){ this.username="hahah" }, }, //创建阶段 // 第一阶段 beforeCreate 此时prop 阅读全文
posted @ 2021-08-22 20:31 冰镇汽水 阅读(35) 评论(0) 推荐(0)