vue 学习20220326

117
在这里插入图片描述
数据驱动试图 单项数据绑定

mvvm 底层
在这里插入图片描述
f
在这里插入图片描述

指令
在这里插入图片描述

v-text 标签属性 – 属性值是 vm 的data中
v-html 标签属性 – vm的data中的

1
需要把渲染的数据写到 app所绑定的div中
2
插值表达式不能当做属性值

属性绑定 就是data的属性值 赋值给标签的属性
在这里插入图片描述
插值表达式只能用于 标签内容的

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
按键修饰符
在这里插入图片描述
案件修饰符
在这里插入图片描述
双向数据绑定 与表单使用 v-model

在这里插入图片描述
表单标签
在这里插入图片描述

指令的修饰符
自动转数字 自动去空
在这里插入图片描述

v-if 和v-show 的区别
动态创建 和动态删除
v-show 用元素显示和隐藏
在这里插入图片描述
直接传递
在这里插入图片描述
遍历
在这里插入图片描述
在这里插入图片描述
绑定key
在这里插入图片描述
如果索引当key 会导致索引出问题

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1 不是属性使用data里的数据 那么 适用法要用的话那直接使用
2 插值表达式可以写 表达式
单项绑定可以写 表达式 加 拼接

过滤器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

私有和全局
1过滤器一定要有返回值
2在vue实例里创建的 都是私有的
3在vue之外的 可以共用的是共有
4如果全局过滤器和私有过滤器冲突了 优先调用私有过滤器
5 过滤器的返回值 最后返回在差值表达式里

一个是处理差值表达式里的数据 过滤器
一个是处理vue对象data里的数据 侦听器
一个是处理标签属性值得数据 计算属性

多个过滤器
在这里插入图片描述
已处理完的结果给2 ,2处理完给3…
在这里插入图片描述
在这里插入图片描述

监听器
监听器是监听data属性的数据有没有变化
在这里插入图片描述
对象侦听器
在这里插入图片描述

在这里插入图片描述

侦听对象的某个属性变化.
在这里插入图片描述

在这里插入图片描述

计算属性
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

axios
先导入
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

可以同时使用

在这里插入图片描述
get
在这里插入图片描述

post
在这里插入图片描述

await
在这里插入图片描述
在这里插入图片描述

传数据
在这里插入图片描述

单应用页面
所有的模块都放在一个文件中

vue-cli
按空格 选中
按回车 下一步
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
处理器
在这里插入图片描述
文件放哪里
在这里插入图片描述
y预设 就是下次创建不用在设置了 ,需要输入预设名字

n 不预设就是那下次重新设置

在这里插入图片描述
在这里插入图片描述

目录结构
在这里插入图片描述

vue项目的运行过程

在这里插入图片描述

在这里插入图片描述

组件
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

组件的使用
数据的使用
在这里插入图片描述
方法的使用
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
使用组件的三个步骤
组件之间的父子关系
在这里插入图片描述

插件安装
插件路径提示
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
全局组件
在这里插入图片描述

只能在根组件中使用
在这里插入图片描述

自动补充
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值