随笔分类 - vue
摘要：众所周知，vue是操作dom元素的。那么如果有元素要动态绑定样式，这种需求，还是要通过改变数据来改变视图的样式。 例子： 在这个table自定义组件中，caption元素的宽度保持了table宽度一致，可以借助计算属性。 上代码： <template> <div> <caption :style="
阅读全文
摘要：其实，开发一个自定义input，难度上还好，但是比较繁琐。因为input有很多状态。 首先明确一下需求： 需求是 我用这个自定义输入框 当我配置他的输入类型是什么（比如邮箱）之后 我输入文字 它会用邮箱的校验规则 校验我输入的内容是否合法 如果不合法 就提示我自定义的错误文本 首先我们比较eleme
阅读全文
摘要：先来一个实例，方便解释： 子组件： <template> <div> <button></button> <slot>这里是默认值</slot> <slot name="one">这里是默认值one</slot> <slot name="two">这里是默认值two</slot> <slot nam
阅读全文
摘要：最近封装select组件的时候有一个需求，创建两个组件。要求子组件child绑定一个value值。要求在使用父组件（自定义组件）的时候，实现这个select的值和dom元素的双向绑定。 父传子： 是通过parent组件的props属性，将值传递给子组件，修改了子组件的value属性，vue的响应式原
阅读全文
摘要：今天的目标是搭建一个vue组件库，用来仿制element的组件用。 一.首先要初始化一个vue项目 可以借助脚手架vue-cli，这里我碰到一个问题，在跑下面命令的时候报错。 这种情况下，先尝试安装vue-cli脚手架工具 npm install --global vue-cli 安装好之后，尝试输
阅读全文
摘要：今天实现一个最简单的路由 地址栏的#，出来之后，我就知道vue-router哪家伙，介入工作了。 npm run dev没啥毛病 npm run dev干了啥呢，为什么有地项目用npm run seve起的：（脚手架不同吗，来点简单了解，之后再补） 显然，我们npm install那会 1.npm
阅读全文
