js自定义事件的表单输入组件方法,任督二脉之Shell中的正则表达式

1、全局注册(这种方式注册组件必须在vue实例化之前声明)

VBird说学习Linux,掌握了Shell和正则就相当于打通了任督二脉,此后能力的成长才会突飞猛进。

Vue.js使用自定义事件的表单输入组件

Vue.component('tag-name',{})

Shell的基础学习之前已经总结了一篇博客:

自定义事件可以用来创建自定义的表单输入组件,使用 v-model
来进行数据双向绑定。要牢记:

2、局部注册

本文将总结Shell中的正则表达式及常用的字符处理命令,为打通任督二脉奠定基础^_^。

<input v-model="something">
var Child = {
 template: '<div>A custom component!</div>'
}
new Vue({
 // ...
 components: {
 // <my-component> 将只在父模板可用
 'my-component': Child
 }
})
  1. 基础正则表达式举例说明
  2. 字符截取命令

    • cut命令
    • awk命令
    • sed命令
  3. 字符处理命令

    • sort命令
    • wc命令
  4. 基础正则表达式举例说明

这不过是以下示例的语法糖:

3、扩展实例

*,.,\,^word,word$,[list],[^list],[n1-n2],\{n\},\{n,m\}

<input
 v-bind:value="something"
 v-on:input="something = $event.target.value">
// 定义一个混合对象
var myMixin = {
 created: function () {
 this.hello()
 },
 methods: {
 hello: function () {
  console.log('hello from mixin!')
 }
 }
}
// 定义一个使用混合对象的组件
var Component = Vue.extend({
 mixins: [myMixin]
})
var component = new Component() // -> "hello from mixin!"

例1:简易判断日期格式

所以在组件中使用时,它相当于下面的简写:

以上这篇vue注册组件的几种方式总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

比如:2015-05-11,只是简单判断数字的格式。

<custom-input
 v-bind:value="something"
 v-on:input="something = arguments[0]">
</custom-input>

您可能感兴趣的文章:

  • vue-cli脚手架引入图片的几种方法总结
  • Vue组件开发技巧总结
  • vue-cli常用设置总结
  • Vue2
    模板template的四种写法总结
  • Vue底层实现原理总结
  • vue-router项目实战总结篇
  • vue项目实战总结篇
  • VUE重点问题总结

^[0-9]\{4\}-[0-9]\{2\}-[0-9]\{2\}$

所以要让组件的 v-model 生效,它应该 (从 2.2.0 起是可配置的):

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注