Vue从入门到实践（二）

ES6知识补充

速写属性：

var name = "张"；
var age = 18；
new Object{
	name,
	age
};
console.log(Object);

速写方法

var obj = {
  name: "张三",
  say: function () {
    console.log(this.name);
  },
};
// es6中速写方法
var obj = {
  name: "张三",
  say() {
    console.log(this.name);
  },
};
obj.say();//调用对象方法

箭头函数

var value = =>a*3;

模板字符串

var name = `张三`;
var age = `28`;
console.log(`${name}`+`${age}`);

VUE实例

props：
data：
methods：
computed

挂载

通过el：“css选择器”
通过vm.$mount(“css选择器”)

模板

为了提高渲染效率，vue会把模板
template：
render函数

模板内容

1.静态内容
2：插值{{js表达式}}
3.指令
v-html
v-bind:(绑定属性，简写:)
v-on(绑定事件,简写@)
v-if=“false”（）
v-else
v-show(都要渲染)
v-for
v-model

计算属性和方法的区别

1.计算属性使用时，是当成属性使用，而方法是调用
2.计算属性会缓存，如果依赖不变，则直接使用缓存，不会重新计算
3.计算属性可以当成属性赋值