vue 数据传递
来源:互联网 发布:深圳石油软件 编辑:程序博客网 时间:2024/06/05 08:17
声明渲染目标(容器)
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
methods:{
....
}
})
递归组件
Vue.component('unique-name-of-my-component', {
props:[' '],
template:' ',
methods:{
函数
}
})
父子组件间的通信
可以给声明渲染目标中写定所需所有函数,在递归组件中调用。
Vue.component('step-item', {
props:['step'],
template:' <div v-bind:class="step.class" ><i>{{step.text }}</i><input v-bind:type="step.type" v-on:click="changeColor($event)" v-bind:value="step.value"></div>',
methods:{
changeColor:funciton(event){
var value = event.target.valur; //获取当前的dom元素值
step.btnhit(this.step,this.step.ref,value); //this.step数据源,this.step.ref数据中的唯一值(key)
}
}
});
var step = new Vue({
el:'#fromBox',
data:{
class:"juget",
text:"内容",
type:"text",
value:""
},
methods:{
btnhit:function(data,key,value){
data.class = "show";
data.value="改变";
data.text = "i标签",
}
}
});
- vue 数据传递
- vue 数据传递
- vue父子组件的数据传递
- vue.js使用props传递数据
- vue.js实现数据传递的demo
- Vue---组件之间的数据传递
- vue.js 组件之间传递数据
- vue组件中数据的传递
- Vue.js学习笔记:props传递数据
- vue 1.x 组件数据传递
- Vue 单文件中的数据传递
- Vue——props数据传递
- vue.js 组件 之 prop 传递数据
- vue.js 组件之间传递数据
- vue.js之props传递数据
- vue.js 组件之间传递数据
- vue 父子组件之间的数据传递
- 关于Vue.js的组件化,使用props传递数据
- \t\tc++格式化输入输出(转载)
- \t\t无法显示隐藏文件夹
- 如何在EOS中运算逻辑中获取session和request以及application对象
- \t\t写个小问题
- \t\t二维数组new小结(转载)
- vue 数据传递
- 自定义view
- java String.indexOf方法在一个字符串中查找另一个字符串的次数的简单应用
- \t\t转载:关于快速排序的优化
- \t\t使用插入排序优化快速排序的算法实现
- 我的前端学习路线之JavaScript
- 项目在tomcat部署成功,运行却报404错误,把所有文件复制到一个新的项目却能运行,后来又开始404.。。。
- \t\t转载:vi/vim 基本使用方法
- 写给初学者17_Android_四大组件-Activity