How to assign values ​​to object properties in vue.js

vue.js method of assigning values ​​to object attributes: first introduce the vue file and modify the content of the title tag; then insert statements in the tag; then call the [created()] function; and finally in [mounted()] Reassign the properties of the obj object.

The operating environment of this tutorial: Windows 7 system, Vue version 2.9.6, Dell G3 computer.

Vue.js method of assigning values ​​to object properties:

The first step is to introduce the vue.js file and modify the title tag content in the new Web project. As shown in the figure below:

The second step is to insert <template in the><code> tag ;, and insert and , as shown below:

##The third step, use export default, Instantiate the vue object and assign an initial value to stitle, as shown in the following figure:

The fourth step is to call the

created() function, and Use the Object.assign() method to assign values ​​to the snames in the object, as shown in the following figure:

The fifth step is to save the code and open the browser Check the print result on the server console and find that there is a syntax error, as shown in the following figure:

The sixth step is to modify the code and add the object obj to data, and then

mounted()Reassign the obj object attributes, as shown below:

Related free learning recommendations:

javascript(video)

The above is the detailed content of How to assign values ​​to object properties in vue.js. For more information, please follow other related articles on the PHP Chinese website!