vue学习(一)基础知识

vue框架的介绍网上有很多。这里记录一下自己的学习过程。

首先引入js包

1.数据绑定



	
		
		
		
	
	
		
{{content}}

 

2.class绑定

第一种方式:

其中class的样式是否显示与isActive的值有关,如果为true。则显示,false不显示。


		
ceshi

第二种方式:

绑定的数据对象不必内联定义在模板里


		
ceshi

第三种方式:

数组语法


		
ceshi

第四种方式:

三目运算,只有当isActive=true时,才会渲染activeClass类


		
ceshi

3.style的绑定


		
ceshi

直接绑定到一个样式对象通常更好,这会让模板更清晰


		
ceshi

也可以添加多个值


		
ceshi

 

你可能感兴趣的:(vue.js)