vue

Vue是什么？

• Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。
• 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。
• Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
• 另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

安装部署

直接引入 开发版本

问题

• MVVM原理
• 响应式数据原理
• vue如何检测数组变化
• vue为何采用异步渲染
• nextTick实现原理
• computed特点
• watch中deep：true实现
• vue组件生命周期

生命周期回调函数 —>钩子函数

vue-router

官网https://router.vuejs.org/zh/

基础js实现路由

• hash
• history

router是一个核心vue插件

动态路由

vue-cli

注意事项

1.安装

官网手册<https://cli.vuejs.org/zh/guide/>

2.使用

使用图形化界面 vue ui

axios

vue封装ajax库
在vue中使用的例子

vue v-for 中:key 作用

https://www.zhihu.com/question/61064119

父子组件间通信

props ==>父传子

类型

required: true 加上这个属性，使用子组件时必须传递参数
props中大小写不区分，不要用驼峰命名，使用匈牙利命名

使用

<子组件 v-bind:cmovies="movies" ></子组件>
<子组件 :cmovies="movies" ></子组件>
必须使用v-bind 绑定

$emit Events ==>子传父

子组件发射事件

使用

子组件发射事件 this.$emit('item-click', item)
父组件监听事件 v-on:item-click="fuction(item)"
父组件监听事件 @item-click="fuction(item)"