vue星星评分（带小数点）

首先我们要先引入vue.js文件

• css部分

 <style>
	main{
		position:relative;
		}
	.star_line{
		/*  设置强制不换行 */
		width-space: nowrap;
		overflow: hidden;
		position: absolute;
		}
	.star{
		display: inline-block;
		/* 设置当鼠标放到星星上是变成小手样式 */
		cursor: pointer
		}
</style>

• body部分

<div id="app">
	<input type="text" v-model.number="score">
	<- 任何一个组件在进行双向绑定接收绑定的值的时候，必须使用value来接收，原理参考input ->
	<v-star v-model="score"></v-star>
</div>

js部分我们用到组件，input在根组件内，而我们创建的星星放在一个组件内，主要通过双向绑定，父组件和子组件相互传值，来实现星星评分

• 组件模板部分

<script id="v-star" type="text/html">
    <main :st