vuejs进阶之路一基础知识 2017-12-16

1.网络引用vuejs

<script src="https://unpkg.com/vue"></script>

2.鼠标放上去显示页面加载时间

new Date().toLocaleString()

注意：data与date区别

3.循环 v-for="todo in todos"

注意：in 前后的意义

4.v-on 绑定事件监听

5.v-if 条件 切换效果

6.v-model 实现表单输入和应用状态之间双向绑定

7.v-bind指令可以用于响应式地更新 HTML 属性 也可以绑定class

<div v-bind:class="[isActive ? activeClass : '', errorClass]"></div>

绑定内联样式

<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div>

8.计算属性与倾听属性 computed 在表达式中调用容易多次触发渲染

9.混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式