Day8 - 36-44 Vue

节省前端70%代码的编写。

MVVC ， 只要管住Model的数据和视图，中间不用去赋值。

双向绑定数据，视图和模型进行绑定，互相变化。

el: 元素 "#app"

data、method、computed（计算属性）、watch(跟踪)、filters（过滤器，用 | 做管道符）

v-bing，单向绑定

v-model，双向绑定

v-on，事件绑定

事件修饰符 .stop .once .prevent

键盘 @keyup  .ctrl .13

v-for，循环

v-if，判断

组件：

全局：Vue.component("组件名",{template:``})

局部：new Vue({component:{ "组件名":组件对象}})

生命周期：

钩子函数： beforeCreate() -> created() -> beforeMount() -> mount() -> beforeUpdate() -> update()

vue 模块化开发 - 安装包，脚手架，建项目，选择配置，自动导入依赖包，运行。

直接在locaiton:8080

找components文件夹的组件，<template>，export，然后 import进去

<route-link>

ElmentUI + vue模块化开发：参考官方文档

1.导航栏里的模块文件

2.如何生成导航栏