开始vue项目（二）

vue的实现原理：

对数据变量进行监听，当改变数据时，页面重新渲染。

声明式

描述一个状态，状态发生改变，页面就发生改变。

命令式

指定页面发生改变。

promise对象--解决回调地狱

调用Promise时的参数(该参数是一个函数)的形参resolve和reject，对应于promise对象的then方法的参数的形参。

var promise = new Promise(function(resolve, reject) {
  // ... some code

  if (/* 异步操作成功 */){
    resolve(value);
  } else {
    reject(error);
  }
});

promise.then(function a(value){},function b(error){})

即a对应于resolve,b对应于rejectdi

vue事件

html里绑定的方法必须要定义在methods里面

条件渲染

<div v-if="items.length=='0'">没有数据</div>
    <ul v-else>
        <li v-for="item in items">{{item.title}}</li>
    </ul>

报错

Component template should contain exactly one root element
<template></template>里只能包含一个根元素

属性动态拼接变量

<router-link :to="'/detail/'+item.id">{{item.title}}</router-link>
to前面一定要有:。实际上是v-bind:to的缩写。
v-bind有识别变量的功能。

vue组件的生命周期

mounted(){}在页面完成渲染时触发