element-ui 入门
2022-10-08 17:22:18
280
{{single.collect_count}}

1.安装  npm i element-ui -S

2.main.js中

import Vue from 'vue'import ElementUI from 'element-ui'// 1import 'element-ui/lib/theme-chalk/index.css' // 2Vue.use(vuex)Vue.config.productionTip = falseVue.use(ElementUI)// 3new Vue({el: '#app',router,components: { App },template: '<App/>'})

3.使用

参照官网 组件  http://element-cn.eleme.io/#/zh-CN/component/layout

<template>//按钮 <el-row> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮</el-button> <el-button type="success">成功按钮</el-button> <el-button type="info">信息按钮</el-button> <el-button type="warning">警告按钮</el-button> <el-button type="danger">危险按钮</el-button></el-row></template>
回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}