随笔分类 -  vue

vue2公共组件=》筛选条件
摘要：源码 <template> <div class="c__filter" :style="`height: ${showFilter ? 'auto' : '47px'}`" v-if="filterNum > 0" ref="tableFilter" > <div class="c_filter_ 阅读全文
posted @ 2023-08-18 11:59 丶乔 阅读(160) 评论(0) 推荐(0)
element-ui使用巧技
摘要：1.全局修改定义message提示信息 //大写的Message是个构造函数 //1是重新定义构造函数来挂载到原型覆盖原来的。 //2是直接引入Message重新定义它的原型方法。 import Element,{ Message } from 'element-ui' const message 阅读全文
posted @ 2023-08-17 15:47 丶乔 阅读(119) 评论(0) 推荐(0)
vue3第一章
摘要：官方文档（ 中文版 ）：https://vue3js.cn/docs/zh/ 视频：https://www.qiuzhi99.com/movies/vue3/1330.html 语法对比：https://www.jianshu.com/p/4e7ba9e93402 与2.x区别对比 1. vue2和 阅读全文
posted @ 2023-08-17 15:46 丶乔 阅读(68) 评论(0) 推荐(0)
vue2第三章
摘要：1.内置组件component 渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。 vue内置组件 <template> <component :is="viewName" @updateView="updateView" > </component> </template> <s 阅读全文
posted @ 2023-08-17 15:45 丶乔 阅读(50) 评论(0) 推荐(0)
vue2第二章
摘要：1.组件封装 父传子 【使用最多的 主要用于封装 展示型 的组件】 子传父 【主要用于封装 有交互的组件, 一般是有事件绑定】 插槽 【主要是要插入内容】 1）卡片组件封装【展示型组件】 封装 <template> <div class="as-panel"> <div class="icon-wr 阅读全文
posted @ 2023-08-17 15:44 丶乔 阅读(66) 评论(0) 推荐(0)
vue2第一章
摘要：1.安装两个vscode插件 vetur --让.vue文件高亮和有语法提示 Vue VsCode snippets -- 快捷写代码 2.vue组件 一个.vue文件就是一个组件，称为单文件组件 <template> <div> // 这里写 HTML 注意：template只能有一个根节点 </ 阅读全文
posted @ 2023-08-17 15:43 丶乔 阅读(62) 评论(0) 推荐(0)