摘要: 视频 scoped样式 作用:让样式在局部生效,防止冲突。 写法:<style scoped> #components ##School.vue <template> <div class="demo"> <h2 class="title">学校名称:{{name}}</h2> <h2>学校地址:{ 阅读全文
posted @ 2023-03-18 16:30 垂序葎草 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 视频 插件 功能:用于增强Vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件: 对象.install = function (Vue, options) { // 1. 添加全局过滤器 Vue.filter(.... 阅读全文
posted @ 2023-03-18 16:18 垂序葎草 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 视频 mixin(混入) 功能:可以把多个组件共用的配置提取成一个混入对象 使用方式: 第一步定义混合: { data(){....}, methods:{....} .... } 第二步使用混入: ​ 全局混入:Vue.mixin(xxx) ​ 局部混入:mixins:['xxx'] #compo 阅读全文
posted @ 2023-03-18 16:03 垂序葎草 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 视频 直接修改外来数据props会产生警告 props配置项 1. 功能:让组件接收外部传过来的数据 2. 传递数据:```<Demo name="xxx"/>``` 3. 接收数据: 1. 第一种方式(只接收):```props:['name'] ``` 2. 第二种方式(限制类型):```pro 阅读全文
posted @ 2023-03-18 15:48 垂序葎草 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 视频 1. 被用来给元素或子组件注册引用信息(id的替代者) 2. 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 3. 使用方式: 1. 打标识:```<h1 ref="xxx">.....</h1>``` 或 ```<School ref="xxx"></Sc 阅读全文
posted @ 2023-03-18 15:26 垂序葎草 阅读(68) 评论(0) 推荐(0) 编辑
摘要: 视频 使用vue inspect > output.js可以查看到Vue脚手架的默认配置。 使用vue.config.js可以对脚手架进行个性化定制,详情见:https://cli.vuejs.org/zh main.js改变对应的下列中的entry后面的main.js也要改变 ###vue.con 阅读全文
posted @ 2023-03-18 15:24 垂序葎草 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 视频61 视频62 ES6->ES5 babel 视频63 eslint语法检查 #结构 #vue components ###School.vue <template> <div class="demo"> <h2>学校名称:{{name}}</h2> <h2>学校地址:{{address}}</ 阅读全文
posted @ 2023-03-18 02:59 垂序葎草 阅读(13) 评论(0) 推荐(0) 编辑