https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-1206991964907791&output=html&h=123&slotname=2973502020&adk=805893055&adf=1869670693&pi=t.ma~as.2973502020&w=710&lmt=1657812046&rafmt=11&psa=1&format=710×123&url=https%3A%2F%2Fwww.vue365.cn%2Fvue-dynamic-star-rating%2F&wgl=1&uach=WyJXaW5kb3dzIiwiMTAuMC4wIiwieDg2IiwiIiwiMTAzLjAuNTA2MC4xMTQiLFtdLG51bGwsbnVsbCwiNjQiLFtbIi5Ob3QvQSlCcmFuZCIsIjk5LjAuMC4wIl0sWyJHb29nbGUgQ2hyb21lIiwiMTAzLjAuNTA2MC4xMTQiXSxbIkNocm9taXVtIiwiMTAzLjAuNTA2MC4xMTQiXV0sZmFsc2Vd&dt=1657811931317&bpp=1&bdt=108&idt=128&shv=r20220707&mjsv=m202207110101&ptt=9&saldr=aa&abxe=1&cookie=ID%3D7adac311d71d589a-2206bbd22cd5004d%3AT%3D1657808821%3ART%3D1657808821%3AS%3DALNI_MZIFrD9uYIZobeQHdW48rqzJikZ8A&gpic=UID%3D000007b293c1ee54%3AT%3D1657808821%3ART%3D1657808821%3AS%3DALNI_MaNpzjzEkBkSOPV-V6xdmztGGFCzA&prev_fmts=0x0%2C1109x263%2C1065x130%2C290x600%2C290x600%2C710x123&nras=1&correlator=1736073313001&frm=20&pv=1&ga_vid=310790432.1657811931&ga_sid=1657811931&ga_hid=1277318790&ga_fc=0&u_tz=480&u_his=1&u_h=1080&u_w=1920&u_ah=1040&u_aw=1920&u_cd=24&u_sd=1&dmc=8&adx=412&ady=922&biw=1903&bih=937&scr_x=0&scr_y=0&eid=44759875%2C44759926%2C44759842%2C31068106%2C31068196%2C31068381%2C44766069&oid=2&pvsid=715212239963594&tmod=1157007908&uas=0&nvt=1&ref=https%3A%2F%2Fwww.vue365.cn%2Frating-plugins%2F&eae=0&fc=1920&brdim=0%2C0%2C0%2C0%2C1920%2C0%2C0%2C0%2C1920%2C937&vis=1&rsz=%7C%7CpeE%7C&abl=CS&pfx=0&fu=128&bc=31&ifi=5&uci=a!5&fsb=1&xpc=HhrAGhwxqj&p=https%3A//www.vue365.cn&dtd=M

受Google Play启发的动态星级Vue组件。

安装和下载：

# NPM$ npm i vue-dynamic-star-rating

如何使用它：

1.导入并注册星级评定组件。

import StarRating from 'vue-dynamic-star-rating'

Vue.component('star-rating', StarRating);// ORcomponents: {  StarRating}

2.将星级评定组件添加到应用程序。

<stars-rating v-bind="config"></stars-rating>

export default {  name: "App",  components: {    starsRating: starsRating  },  data() {    return {      config: {        rating: 4.7,        isIndicatorActive: true,        starStyle: {          fullStarColor: "#ed8a19",          emptyStarColor: "#737373",          starWidth: 100,          starHeight: 100        }      }    };  },  computed: {},  methods: {},  created() {}};