vue基础之小案例

Todolist

	
		
		
		
		
	
	
		

			
{
    {tit}}
			
	
			

			   
			
			增加
			

				

					
序号
					
内容
					
操作
				
				

					

						
{
    {i+1}}
						
{
    {item}}
						

							删除
							修改
							查看
						
					
					
					
				
			
		
	
	

计算属性的小案例

//案例一：金额计算


	
		
		
		
	
	
		

			
金额计算
			
单价：元
			
件数：件
			
运费：{
    {yunfei}}元
			
总金额：{
    {jisuan}}元
		
		
	
	

//案例二:数据筛选


	
		
		
		
	
	
		

			
数据筛选
			
			

				
{
    {item}}
			
		
	
	

过滤器的小案例

//过滤器实现订单状态的备注信息


	
		
		
		
		
	
	
		

			
过滤器
			

				

					
序号
					
产品
					
状态
					
备注
				
				

					

						
{
    {i}}
						
{
    {item.name}}
						
{
    {item.status}}
						
{
    {item.status | glq}}
					
				
			
		
	
	

 

注：上述引入的文件可以去bootcdn或者官网上面进行下载引入。也可以用网上的地址。