我们在使用vue.js时,可以使用created()函数中的Object.assign(),给对象中的属性进行赋值;如果只是赋初值,后面调用时就是这个值;如果后面还给这个对象属性赋值,就会将前面的给覆盖了。下面利用实例说明如何给对象属性赋值,操作如下:
工具/原料
1
HTML5
2
CSS3
3
JavaScript
4
Vue.js
5
HBuilderX
6
浏览器
7
截图工具
方法/步骤
1
第一步,在新建的Web项目中,引入vue.js文件并修改title标签内内容,如下图所示:
2
第二步,在
标签中,插入,并插入3
第三步,使用export default,给vue对象进行实例化,给stitle赋初值,如下图所示:
4
第四步,调用created()函数,并使用Object.assign()方法,给对象中的snames赋值,如下图所示:
5
第五步,保存代码并打开浏览器控制台,查看打印结果,发现出现了语法错误,如下图所示:
6
第六步,修改代码并在data中添加对象obj,然后在mounted()中给obj对象属性重新赋值,如下图所示:
注意事项
1
注意在vue.js如何给对象属性进行赋值
2
注意在vue.js中的data给属性进行赋初值
上一篇:JDK的安装与环境变量配置
下一篇:js 获取多个a标签的值