vue如何给组件加css样式


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

// -- 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

};

另一种方法可以直接引用:

1

2

3

4

5

<template>

  <div>html</div>

</template>

<script src="./***.js"></script>

<style src="./***.css"></style>

形式多样,但根本思想都是分离独立文件,引入加载

相关免费学习推荐:javascript(视频)

以上就是vue如何给组件加css样式的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vuex使用场景是什么

vue项目中关闭eslint校验的方法介绍

4个很 nice 的vue router过渡动效,快来收藏!

vue $on是什么意思

vue和react能做什么

如何理解vue中的全局组件和局部组件

vuex中mutations怎么理解?怎么用?

vue-material是什么?

vue如何注释

深入了解vue中的计算属性

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...