vue给组件加css样式的方法
小编给大家分享一下vue给组件加css样式的方法,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
义安ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:13518219792(备注:SSL证书合作)期待与您的合作!
vue给组件加css样式的方法:首先在【.vue】文件中设置相关代码;然后新建【index.js】文件,并建立对应的【record.scss】文件即可。
vue给组件加css样式的方法:
首先,在.vue
文件中设置如下:
新建index.js文件,如下:
import record from './record.vue'; export default record;
建立相对应的record.html、record.js、record.scss的文件,就可以了,拿.js来说:
// -- NAME -- const name = 'record'; // -- DATA -- const data = function () { return { }; }; // -- COMPUTED -- const computed = { }; // -- COMPONENTS -- const components = { } // -- WATCH -- const watch = { }; // -- METHODS -- const methods = { }; // -- HOOKS -- function mounted() { } // == EXPORT == export default { name: name, data: data, components: components, computed: computed, watch: watch, methods: methods, mounted: mounted };
另一种方法可以直接引用:
html
形式多样,但根本思想都是分离独立文件,引入加载
看完了这篇文章,相信你对vue给组件加css样式的方法有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
文章题目:vue给组件加css样式的方法
路径分享:http://scyanting.com/article/ipppeg.html