Vue.js的部分理解

vue.部分理解

渐进式

vue.js属于渐进式的框架，对于渐进式的理解还不是很深刻，了解到打只是主张最少。
所谓主张，每一种框架都有自己特点，有特点就必然会有需求，对使用者有一定的需求，这就是主张，而vue.js比起Angular和React（了解过他们的主张都比较大）的主张都较少。我们可以当Jquery用也可以当Angular用了。
对渐进式我就觉得是做本职的事情，就是对我们要做的事情进行工作，不会有太多本职之外的限制来限制。
（如有问题，欢迎提出）

vue.js基本写法

举个例子

	<div id="QAQ">
		<h1>site : {{first}}</h1>
		<h1>url : {{second}}</h1>
		<h1>{{QWQ()}}</h1>
	</div>
	<script type="text/javascript">
		var A= new Vue({
			el: '#QAQ',
			data: {
				first: "DMJ",
				second: "www.baidu.com",
			},
			methods: {
				QWQ: function() {
					return  this.first + " -10525";
				}
			}
		})
	</script>

每个vue应用需要实例化,比如一个vue构造器
var A= new Vue({
// 选项
})

在上面例子中，
vue构造器中的
el参数对应于div中的id，这样就能将其一一对应
data参数则用于对属性的存放与定义，比如实例中的firts与second属性
methods用 于定义的函数，可以通过 return 来返回函数值

语法

最常见的文本写入是用双花括号{{}}
v-html 指令用于输出 html
v-bind 指令用于输出 属性
v-if 用于判断是否输出，我们用属性的true与false来判断（顺便一提v-else-if感觉很像switch）
当然 v-show也和v-if有大致的作用 当时值为true时也能显示

而对于循环语句 则需要用site in XXX的特殊语句 XXX则对应你循环的属性的名称
举个循环语句的例子

<div id="aaa">
  <ol>
    <li v-for="site in AAAAA">
      {{ site.name }}
    </li>
  </ol>
</div>
 
<script>
new Vue({
  el: '#aaa',
  data: {
    AAAAA: [
      { name: 'DMJ' },
      { name: 'DMMM' },
      { name: 'DJJJJJ' }
    ]
  }
})
</script>

到循环结构为止，很大的时间在理解渐进式，感觉和bootstrap的响应式有不同。
主张的问题比较大，感觉vue写的很别扭 理解也用了一段时间，这两天打算学到监听，学了之后会在补充。