lichen360 【VUE教程】Vue的style对象语法使用教程和相关知识点
Vue的style对象语法—这个教程很简单，以下代码主要讲了在Vue中 style的用法，以下代码我们把style里的样式做成了一个函数（名为ysdx()这个函数），将颜色的属性写到了data里面还有fontsize。
知识点：
1、里面要用到驼峰命名，不然不识别，这点大家要注意了
2、后面小知识点就是用到了拼接 ‘px’
3、：style是 v-mind:style的简写
更多关于Vue的教程，毛毛博客资源网毛毛会陆续总结发到此栏目中，喜欢的朋友可以进来搜索，找自己想要的教程，里面都是小编亲自测试，编写的代码。讨论QQ群774683797
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>style 对象语法</title>
</head>
<body>
<div :style="ysdx()" id="app">{{text}}</div>
<script src="vue.js"></script>
<script>
const vm = new Vue({
el: '#app',
data: {
text: '这是一段文字',
red: 'red',
fontsize: 100
},
methods: {
ysdx: functiоn () {
return {color: this.red,fontSize: this.fontsize + 'px'};
}
}
})
</script>
</body>
</html>
如下载链接失效，请联系管理员处理【QQ：941007525，微信:style028666】
免责申明：
本站资源均来源于互联网，如有侵权请联系站长！将第一时间删除
本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
资源仅供学习参考请勿商用或其它非法用途，否则一切后果用户自负！
毛毛博客 » 【VUE教程】Vue的style对象语法使用教程和相关知识点
免责申明：
本站资源均来源于互联网，如有侵权请联系站长！将第一时间删除
本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
资源仅供学习参考请勿商用或其它非法用途，否则一切后果用户自负！
毛毛博客 » 【VUE教程】Vue的style对象语法使用教程和相关知识点
