【文件属性】:
文件名称:vue-styled-components-example:带Vue的样式化组件示例
文件大小:184KB
文件格式:ZIP
更新时间:2021-03-11 07:08:35
vue styled-components jsx css-in-js vue-styled-components
vue样式的组件示例
基于Vue-CLI 3的vue样式化组件示例
项目设置
使用Vue-CLI 3创建Vue项目
vue create vue-styled-components-example
cd vue-styled-components-example
添加vue样式的组件
yarn add vue-styled-components
用法
基本的
带模板的Vue组件
// ./src/components/PageTitle.vue
[removed]
import styled from 'vue-styled-components'
const PageTitle = styled.h1`
font-size: 30px;
color: blue;
`
export default {
name: 'page-title-template',
componen
【文件预览】:
vue-styled-components-example-master
----.gitignore(214B)
----package.json(910B)
----src()
--------components()
--------main.js(236B)
--------assets()
--------App.vue(591B)
----postcss.config.js(59B)
----jest.config.js(512B)
----LICENSE(1KB)
----public()
--------index.html(595B)
--------favicon.ico(1KB)
----.browserslistrc(33B)
----.eslintrc.js(353B)
----README.md(3KB)
----tests()
--------unit()
----babel.config.js(53B)
----yarn.lock(431KB)