vue学习

vue框架学习

vue简介

1. vue是一个JavaScript框架（必须遵守规则）
2. 简化Dom操作
3. 响应式的数据驱动（页面是由数据生成的，当数据改变以后，页面同步更新）
4. 官网地址 https://cn.veujs.org

vue基础

vue第一个应用程序

el挂载点

data数据对象

vue本地应用，vue指令

v-text指令

v-html

v-on指令（绑定事件）

计数器

需求：定义加减按钮，再定义一个变量num初始值为1，点击加或减进行自增自减，上限为10，下限为0

v-show指令（根据表达式的真假，切换元素的显示和隐藏）

v-if（根据表达式的真假，切换元素的显示和隐藏，操纵dom元素）

v-bing指令（设置元素的属性例如src，title，class）

v-for指令（根据数据生成列表结构）

v-model（双向数据绑定）

axios

axios和vue结合

组件