【Vue】vue基础知识一（本地数据 *** 作）

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 最后选择十秒就可以了,选择之后就默认时长了。

---