vue基础介绍

Posted 2020-10-19 pavilion-y

1.流行框架

MVVM  双向数据绑定  数据驱动的思想

 

2.Vue 和 Angular 的关系

Vue 个人作品

Angular  Google

React  FaceBook

 

3.app

1. WebAPP  网页应用

2. NativeAPP  原生APP  ios android  weex  reactnative

3. HybridAPP 混合APP

 

4.基本指令

v-model:  双向绑定 （只能用在表单元素中）

{{}}：    插值表达式

v-bind：  为元素的属性绑定数据

v-if ：   v-if可以指定一个条件，如果条件为false，那么元素将不会被添加到页面中，如果为true，则正常显示

v-show：   v-if可以指定一个条件，如果条件为false，那么元素将被设置为display:none，如果为true，则正常显示

v-for:    遍历显示内容  v-for="item in list"

v-on:      注册事件  v-on:click=""  事件注册的内容回去methods属性中进行查找，事件中的this，指的Vue实例