摘要: scoped样式 作用:让样式在局部生效,防止冲突 写法:<style scoped> <template> <div> </div> </template> <script> export default { } </script> <style scoped> </style> 阅读全文
posted @ 2022-11-13 19:29 Ac_c0mpany丶 阅读(32) 评论(0) 推荐(0)
摘要: props配置 功能:让组件接收外部传过来的数据 数据传递: <Demo name="xxx"> 接收数据: 方式一(只接收): props: ['name'] 方式二(限制类型): props:{ name: String } 方式三(限制类型、限制必要性、指定默认值): props:{ name 阅读全文
posted @ 2022-11-13 19:17 Ac_c0mpany丶 阅读(100) 评论(0) 推荐(0)
摘要: ref属性 被用来给元素或子组件注册引用信息(id的替代者) 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 使用方式: 打标识:<h1 ref="xxx">...</h1> 或 <School ref="xxx"></School> 获取:this.$refs. 阅读全文
posted @ 2022-11-13 19:15 Ac_c0mpany丶 阅读(62) 评论(0) 推荐(0)
摘要: Vue脚手架 一、单文件组件 1. 单文件组件定义 单文件组件:*.vue文件,类似HTML格式的文件。Vue的单文件组件会将一个组件的逻辑(JavaScript)、模板(HTML)和样式(CSS)封装在同一个文件里。 组件模板HTML:template标签 组件逻辑JS:script标签 样式CS 阅读全文
posted @ 2022-11-13 16:22 Ac_c0mpany丶 阅读(69) 评论(0) 推荐(0)
摘要: 模块化 1、模块化 模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来。 2、ES6模块化语法 模块功能主要由两个命令构成:export和import export命令用于规定模块的对外接口 import命令用于导入其他模块提供的功能 3、暴露模块数据 分别暴露 m1.js // 阅读全文
posted @ 2022-11-13 14:30 Ac_c0mpany丶 阅读(16) 评论(0) 推荐(0)