一、 Vue 的介绍
1. vue是一个 mvvm 的框架。(面试官经常会问的)，angular 是 mvc的框架。
2. vm 是 vum 的实例，这个实例存在计算机内存中，主要干两件大事：
1. 绑定数据
2. dom检测
3. vue 实例 靠 new 关键字实例化 vue 对象，使用 mvvm 模型
1. M modal 数据
2. v view 视图
3. vm 全称viewmodal 就是一个vue实例
4. Vue.js 是封装的一个类，参数是个 options 对象
最常用的属性有哪些：
1. el:”” 指定 vue所操作的 dom 范围，属性值是你获取的节点
2. data 就是 vue 的 model 存放数据的，属性是一个对象或函数(在组件中是函数)
3. methods 是vue 中的事件方法。都存在这里面
二、Vue的指令
v-cloak=”” v-text=”” v-html=”” 指令学习
v-cloak=””
1. 使用v-cloak=”” 能够解决 插值表达式闪烁的问题
2. 只要应用 v-cloak 这个属性的元素默认 display:none;，请求过来数据才渲染到我们的页面。
v-text=“”
1. 默认 v-text 没有闪烁问题
2. v-text 会覆盖元素中原本的内容，但是 插值表达式 只会替换自己的占位 符，不会把整个元素内容清空
+++++{ {meg}}------
======
v-html=“”
1. v-html=“” 会把标签也一起解析
v-bind=‘”
1. v-bind 是 vue 中提供的用于动态属性绑定的指令
2. 简写 v-bind 指令 可以简写为一个 英文的冒号 : 要绑定的属性
3. v-bind 中 可以写合法的js表达式
v-on=“”
1. v-on 是事件绑定机制
2. 每当我触发 input 的点击事件，会调用 vue 事件的绑定机制，执行这个 show方法，show去methods找这个方法。
methods: {//这个 methods属性中定义了当前 vue 实例所有可用方法
show:function () {
alert("123")
}
}
3. 简写 加 @ 符号
var vm = new Vue({
el : "#app",//指定控制的区域
data : {//指定数据
meg : "123",
msg2:"
会亭好美吖！！！
",mytitle:"这是一个自己定义的title"
},
})
v-on的修饰符：
1. stop 阻止事件冒泡
什么是冒泡？
当给父子元素绑定同一个事件时，触发子元素身上的事件，执行完毕后也会触发父元素身上的事件，这种传播机制叫事件冒泡
2. prevent 阻止默认行为
百度
什么是事件默认行为？
默认行为是指像点击标签触发的跳转事件，阻止a无故刷新跳转页面。
3. capture 添加事件倾听器使用事件捕获模式。
什么是事件捕获？
给父子元素使用 addEventListener() 绑定同一个事件时，当触发子元素身上的事件，先触发父元素身上的事件，然后在传递给子元素 这种传播机制叫事件捕获。
4. self 只当事件在该元素本身(比如不是子元素)触发时触发回调，使用 .self 只有点击当前元素的时候，才会触发事件处理函数
5. once 事件只触发一次
百度
6. .stop , .self 都是阻止事件冒泡，他俩有什么区别？
1. .self 只阻止自己身上的冒泡行为的触发，并不会真的 阻止冒泡行为
阻止了自己身上的冒泡行为了，没有阻止div1上的 self不能当作stop使用只管自己
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/56953.html