父组件 father.vue。子组件 child.vue。
原创
2024-04-10 10:09:42
943阅读
本文简介
点赞 + 关注 + 收藏 = 学会了
在使用第三方UI组件库时会发现可以在他们的组件上使用 v-model ，比如 Element-UI 或者 Element-plus 的 el-input 就可以使用 v-model 进行数据绑定。
本文就以 input 元素做例子，实现在自定义组件中使用 v-model 进行数据绑定。
我创建一个自定义组件，名字叫 z-input ，我希望在
原创
2022-07-19 23:24:58
331阅读
一、组件化开发思想
1. 什么是组件化开发
组件化开发指的是：根据封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护。例如：ibootstrap - Bootstrap 可视化布局系统 所展示的效果，就契合了组件化开发的思想。用户可以通过拖拽组件的方式，快速生成一个页面的布局结构。
2. 组件化开发的好处
前端组件化开发的好处主要体现在以下两方面：
提高了前端代码的复用性和灵活
原创
2023-12-05 01:55:33
689阅读
.vue 脚手架的安装就不多说了，说下其他常见的错误1、安装问题 ：首先我们在安装的时候，有些人会用npm直接安装 有些会用cnpm 安装 但是两个不能共用 不然会报错，为此我吃过不少亏2、文件存放错误：一般src下的assets存放静态资源文件，当时访问时，需要考虑路径的问题。如果存放在static下就不用考虑路径问题，直接以static开头的路径3、端口冲突错误：需要改
前言：应上级要求，搭建一个公司内部的vue组件库，由于临近我预计的离职时间，所以只将流程梳理实践了一遍。假设组件库名称为ui-library。一、使用vue-cli3创建ui-library项目vue create ui-library创建项目时选择自定义模板，我的配置如下 记得vue版本需要选择2.x。ui-library目录如下 二、在根目录添加vue.conf
转载
2023-12-07 22:15:17
58阅读
先看下简单的，在一个页面中使用 v-model 进行 双向数据绑定：<input type="text" v-model="textValue"><h1>{{ textValue }}</h1>相信这行代码，大家肯定都非常熟悉！官方文档说明了 v-model 其实如如下原理：<input type="text" v-bind
原创
2021-07-15 09:52:44
230阅读
由于后期项目要使用ts，所以先学习下，这是第一次使用ts，要是有不足之处，还请多指教。最开始因为webpack版本问题搭了好几次没成功，果然失败乃成功之母，古人诚不欺我，每次学习都是在写bug解决bug继续创造bug的循环里痛并快乐着。由于使用的是Vue-cli2 + webpack3.6.0版本，按照webpack3的方式来搭建的，所以安装时一定要注意自己的版本与插件版本哈。前边儿初始化Vue项
转载
2023-11-01 16:44:44
162阅读
在vue的data里面写 data() { return { arr: [1, 2, 3] } } 然后html中. <input type="text" v-for="(txt, index) in list" v-model="txt" :key="index"/> 这样是不行的. 因为尤大说过 ...
转载
2021-09-22 09:35:00
357阅读
2评论
1.组件拆分1.组件实质上也是一个vue实例，因此组件中也可以使用vue的对象属性，反过来每一个vue实例也是一个vue组件（注：1.唯一不同的是el是根实例的特有选项，2.组件中的data必须是一个函数）；2.如果vue实例中没有template模板的定义，那么vue会把el挂载点下的html作为vue实例的模板；3.模板中如果还有子组件，父组件调用子组件的时候，通过属性的方式进行调用，那么子组
转载
2024-07-12 15:52:11
238阅读
什么是组件，构成组件的三部分，定义（过滤器，监听器，计算属性，方法区），style开启less语法
原创
2023-12-14 09:50:52
99阅读
# JDate 日期组件 使用文档
###### 说明: antd-vue日期组件需要用moment中转一下，用起来不是很方便，特二次封装，使用时只需要传字符串即可
## 参数配置
| 参数 | 类型 | 必填 |说明|
|--------------|---------|----|---------|
| placeholder |string |
开发小程序中，遇到的wepy的几点坑，记录一下;1.定时器： 在页面中有需要用到倒计时或者其他定时器任务时，新建的定时器在卸载页面时一定要清除掉，有时候页面可能不止一个定时器需求，在卸载页面（onUnload钩子函数）的时候一定要清除掉当前不用的定时器 定时器用来做倒计时效果也不错，初始时间后台获取，前端处理，后台直接在数据库查询拿到的标准时间（数据库原始时间，T分割），前端需要正则处理一下这
一、最近在工作过程中要实现一个搜索模糊匹配功能，考虑到组件的复用，就单独把搜索框抽出来作为一个子组件。在以往
原创
2022-10-21 12:02:12
58阅读
Vue3 组件通信 v-model 封装组件 组件源码 v-model原理
这两个选项在从模型引用中读取或设置值时会接收到当前的值，并且它们都应该返回一个经过处理的新值。返回的值是一个 ref。值且父组件没有为
原创
2024-06-11 15:23:50
33阅读
v-model是vue的标志性语法之一。你知道为了让我们写着爽，尤老祖做了哪些脏活儿吗？不看不知道，一看就知道。
原创
精选
2022-03-03 14:35:00
333阅读
文章目录一、组件1. 创建组件2. 引用组件3. 组件之间如何传递参数一、组件1. 创
原创
2022-09-30 10:25:02
375阅读
组件
组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 js 特性扩展。
1. 全局 Vue.component(tagName, options)
<!DOCTYPE html>
<
转载
2021-06-29 16:17:37
368阅读
