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)"