Vue.component传递多个参数

<html><head><script src="vue.js"></script><title>标题</title></head><body><div id="ids">{{show()}}<login2 items="1212qqq" userna...

nhfc99

3624人浏览 · 2019-12-21 00:21:26

nhfc99 · 2019-12-21 00:21:26 发布

<html>

<head>

</head>

<body>

<div id="ids">{{show()}}

<button v-on:click="click()">{{message}}</button>

</div>

Vue.component('login2', {

props: ['items', 'username'],

template: '<h1>{{items}}---{{username}}</h1>'

});

var vue = new Vue({

el: '#ids',

data: {

title: 'titles',

message: 'fdasfidsajflhdsa'

methods: {

show: function () {

return 100;

click: function () {

return this.message = "you guess!";

}

});

</script>

</body>

</html>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^