【Vue】vue基础知识一(本地数据 *** 作)

【Vue】vue基础知识一(本地数据 *** 作),第1张

javaScript 框架

简化Dom的 *** 作

响应式数据驱动

简单的vue程序:

1导入开发版本的vueis

2创建vue实例对象,设置el属性和data属性

3使用简介的模版语法把数据渲染到页面上

vue实例可以使用双标签挂载,不能使用HTML和BODy来进行

v-text 设置标签的文本值 (覆盖标签中全部的内容 {{}} el只会替换相应的值)

v-html (1内容中有html结构会被解析成标签 2设置元素的innerHTML)

注:解析文本使用 v-text 解析hml使用v-html

v-on(1为元素绑定事件,2事件名不需要写on,3指令可以简写@ 4绑定的方法定义在methods属性中5方法内部可以通过this关键字访问定义data中的数据)

计数器(创建实例v-on事件和方法绑定,实时更改数据)

v-show(1根据元素的真假切换元素的显示状态 2原理是修改元素的display实现元素的隐藏)

v-if(1根据表达式的真假切换元素的显示状态 2本质是 *** 作dom 3表达式的值是true时,元素存在于dom树中,为否是从dom树中移除)

注:v-show和v-if的区别:

v-show:只是改变了display属性的 *** 作

v-if:改变的是dom数

实际情况 频繁切换的使用v-show

v-bind (1为元素绑定属性 2完整写法v-bind:属性名 3简写的话可以只写:属性名)

切换(1用数组来存放元素 2用v-on来绑定事件 3用v-bing来修改元素的属性)

v-for(1根据数据生成列表 2v-for长和)

v-on (补充)(1时间绑定的方法写成函数调用的形式,可以传入自定义参数

2定义方法时定义形参数来接受传入的实参

3通过修饰符可以对事件进行限制)

例如:@keyupenter

v-model(1便捷的设置和获取表单元素的值

2绑定的数据会和表单元素值相关联

3 表单的 数据=绑定的数据)

记事本实战演练(1增加 2删除 3隐藏 4清空 )

注:shift()函数删除的是数组中的第一个元素 使用splice删除指定的某个元素

苹果vue添加自己音乐的方法是:
1、vue中完成视频素材拍摄后,点击音乐图标;
2、想要添加本地音乐时,点击“从手机选择”按钮;
3、打开最近使用过的本地音乐列表,找到自己的音乐后点击即可自动添加;
4、如果本地音乐过多,可点击右上角搜索图标,而后在新打开页面的搜索栏中输入音乐名称进行搜索;
5、本地音乐添加完成后,可以在视频预览左下侧看到已添加音乐,如果本地音乐添加错误,可点击右侧的删除图标直接删除,然后打开本地音乐列表重新选择;
6、点击视频预览右下侧的编辑图标,可以对已添加的音乐进行编辑;
7、根据视频拍摄时长,vue会自动限定音乐时长,通过滑动音乐截取框可以实现截取音乐的功能;
8、设置vue音量平衡时,滑块是可以移动的,当其位于中心点左侧的时候,视频原音会更高,相对应的本地音乐声音会变弱,当其位于中心点左侧的时候,本地音乐声音会更高,视频原音会变弱。

vue中audio时长只有10秒1 首先进入vue主页,然后找到右上角的“设置”按钮;
2 然后选择“默认时长”;
3 最后选择十秒就可以了,选择之后就默认时长了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12877584.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-28
下一篇 2023-05-28

发表评论

登录后才能评论

评论列表(0条)

保存