vue 基础知识

Vue(读音/vju:/,类似于view)是一用于构建用户界面的渐进式JavaScript框架。与其它框
架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三
方库或既有项目整合。另-方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持
的库开发的复杂单页应用。
Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
 

v-bind特性被称为指令。指令带有前缀V-
除了使用插值表达式{}进行数据渲染，也可以使用V- bind指令,它的简写的形式就是一个冒
号(:)
 

data: {
searchMap:{
keyWord:长歌行’
}



六 属性渲染

		
		
{{msg}}
		
		
长沙十大阿迪斯
		
		
撒旦发顺丰
		表单属性绑定
		

		 
		
		=
		注册
		
		

			复杂列表对象
			


			
			对象
			
{{k}}- {{value}}
			渲染数字
			
{{item}}
			列表渲染指令
			
{{item}}
			列表渲染指令带索引
			
{{index+1}}
			
{{index+1}}- {{item}}
			优化列表渲染
			
{ { index+1}}- {{item}}
			
key帮助优化vue内部渲染，key值要求是唯一 ， 还不建议用index,会取数据的id
			

			
			
				+
				-
				x
				梅
			
			
			=
			{{result}}
		
		

			filter 过滤
			
{{'我的心'|hide}}
			
{{'在等待'|hide}}
			
{{100}}-100.00
			
{{3.1415926535}}-3.14
			
{{3.1415926535|fix(2)}}
		
		
		
	
	
		
			
				{getFinalPrice(item.price)}} -->
							

					

						

						
书籍名称
						
出版日期
						
价格
						
购买数量
						
操作
					
					

						

							
{{item.id}}
							
{{item.name}}
							
{{item.data}}
							
{{item.price| showPrice}}
							

								-
								{{item.count}}
								+
							
							
移除
						
					
				
				总价格:{{totalPrice|showPrice}}