摘要: scoped样式 作用∶让样式在局部生效防止冲突 写法∶<style scoped> 比如School组件和Student组件的样式名一样,当组件汇总到一起时样式会冲突。所以加上scoped可以让各个样式在所在的组件发挥作用,而不在其它组件。 阅读全文
posted @ 2021-10-26 10:25 曲奇酸奶 阅读(63) 评论(0) 推荐(0)
摘要: 插件 功能:用于增强Vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 一般不会自己写,要会用 main.js //引入vue import Vue from 'vue' //引入App import App from './ 阅读全文
posted @ 2021-10-26 09:23 曲奇酸奶 阅读(64) 评论(0) 推荐(0)
摘要: mixin(混入) 功能:可以把多个组件共用的配置提取成一个混入对象 使用方式: 第一步定义混合,例如: { data(){.........}, methods:{.........} ..............} 第二步使用混入。例如 (1)全局混入Vue.mixin(xx) (2)局部混入m 阅读全文
posted @ 2021-10-25 20:51 曲奇酸奶 阅读(48) 评论(0) 推荐(0)
摘要: 配置项props 功能:让组件接收外部传过来的数据【相当于微信转账:有一个转账人转钱给接收者,接收者需要确认接收】 (1)传递数据: <Demo name="xxx"> (2)接收数据: 第一种方式(只接收) props:['name'] 第二种方式(限制类型) props:{ name:{ typ 阅读全文
posted @ 2021-10-24 17:01 曲奇酸奶 阅读(147) 评论(0) 推荐(0)
摘要: 执行流程: 执行npm run serve。找到了main.js文件,之后引入Vue、App等等。后来找到App组件,发现里面用到了组件School,于是执行School组件,最终汇总到App组件。通过main.js的render函数将App组件放入容器。然后找到index.html就放到里面创建的 阅读全文
posted @ 2021-10-23 10:51 曲奇酸奶 阅读(80) 评论(0) 推荐(0)
摘要: ref属性 1.被用来给元素或组件注册引用信息(id的替代者) 2.应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 3.使用方式: 打标识:<h1 ref="xxx">........</h1> 或 <School ref='xxx'></School> 获取:t 阅读全文
posted @ 2021-10-23 10:01 曲奇酸奶 阅读(250) 评论(0) 推荐(0)
摘要: 一、在cmd配置npm淘宝镜像 npm config set registry https://registry.npm.taobao.org 二、仅第一次执行安装,安装好后关掉cmd后再开,这个时候vue不报错 npm install -g @vue/cli 注意:安装过程中会有warning,这 阅读全文
posted @ 2021-10-21 16:42 曲奇酸奶 阅读(187) 评论(0) 推荐(0)