Frank Fang fanghm

This is my study notes for front-end technologies

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')

指令

v-if, v-bind... ..

指令参数

<a v-bind:href="url"></a>

修饰符 (Modifiers)

对于任何复杂逻辑，都应当使用计算属性 计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。如果你不希望有缓存，请用方法来替代。

计算属性的setter

computed: {
  fullName: {
    // getter
 get: function () {

Vue 通过 watch 选项提供一个更通用的方法，来响应数据的变化。当你想要在数据变化响应时，执行异步操作或开销较大的操作，这是很有用的。除了 watch 选项之外，您还可以使用 vm.$watch API 命令。

Refer: https://cn.vuejs.org/v2/guide/computed.html#观察者

v-bind:class

<div v-bind:class="classObject"></div>

data: {
  isActive: true,
  error: null
},
computed: {

分队类似于一个 Scrum 团队
分会是在同一个部落、相同能力领域内拥有相似技能的一些人。
协会则是一个具有更广泛影响的“兴趣社区”，它包含这样一群人，他们想要分享知识、工具、代码和实践。

分会是在部落内的，而协会通常跨越整个组织。比如，网页技术协会，测试协会，敏捷教练协会等等。

Ref: http://geek.csdn.net/news/detail/95545

	Destructuring assignment


	```
	var parameters = {controlProtocol: 'CWA', retUnitMgmt: true};

	const {controlProtocol, retUnitMgmt} = parameters;

	console.log(`controlProtocol: ${controlProtocol}, retUnitMgmt: ${retUnitMgmt}`);
	```

	git clone [email protected]:marcelbirkner/docker-ci-tool-stack.git
	cd docker-ci-tool-stack
	docker-compose up

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console