How to pass data in vuejs? [closed] - vue.js

Question

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 1 year ago.
Improve this question
I'm working with code in vuejs :
data() {
return {
name:'',
age: '',
}
}
created() {
// Get name and age values ​​from methods
console.log(this.name, this.age) //result null
},
methods: {
changeValue:function (name, age) {
this.name = name,
this.age = age,
console.log(name, age); // result : rooney, 20
}
}
I want to pass values ​​from methods to created(), how do I pass it? Give me ideas, thanks

Answer 1

In VueJs you cannot pass values between lifecycle hooks.
However in the created hook, all reactive elements are already hooked up to your instance, so you can access your data objects as shown in the official documentation example.
what happens in your example
since created is called immediatly after your component is instantiated and reactivity has been set up (before it is attached to DOM elements), all your data will contain its default values. In this case for both elements that is ''.
Any calls to the changeValue method from outside will happen after your component is mounted. For more information on this, please check the vue documentation
A guess to what you tried to do
in the comments you mention that you set a name using localStorage.setItem('name', name). Now, vue has no direct link to localstorage. All reactivity in vue happens through the data defined in the data block, which is accessible through this in most other places. If you want a parent component to pass this value to your component, you can do so with props (a.k.a properties/parameters). Or if you want to pass it from a child to a parent, you can do so using v-model.
reacting to those changes can then be done using watchers on those data values or properties
code example
props() {
name:{type: String, default: ''},
age: {type: Number, default: -1},
}
watch:{
name: function(oldName, newName){
//this triggers when name is changed
console.log(this.name, this.age)
localStorage.setItem('name', newName)
}
},
methods: {
changeValue:function (name, age) {
this.name = name,
this.age = age,
console.log(name, age); // result : rooney, 20
}
}