VUE知识点

1.v-bind

v-bind就是用于绑定数据和元素属性的。v-bind后面是：属性名=，我的理解是表示绑定这个属性，绑定之后，对应的值要去vue的数据里面找,当然也可以等于一个常数，这样就不用去data里找了。

<!-- 简写： -->
 
    <div id="app">
 
        <a href="http://www.baidu.com">跳转</a>
 
        <a v-bind:href="url">跳转</a>
 
        <button @click="change" target="_blank">跳转</button>
 
    </div>

AJAX

AJAX（ Asynchronous JavaScript and XML）

A：异步；  J：js；  A:and;   X:XML

指异步和JavaScript和XML结合的一种技术。

作用：ajax可以实现网页的异步更新，意味着可以不重新加载整个页面的情况下，对网页的某个部分进行更新。

axjx的组成：

• 异步的js事件
• 其他的js（用来处理解析数数据）
• XMLHttpRequest对象
• 数据（txt、json、xml、html）

axios

axios是通过Promise对ajax的封装，是一个基于Promise 的Http库，可以在浏览器和Node.js中使用。

简单理解为：axios是一个封装好的，基于Promise的发送请求的方法，不用设置回调，直接调用then方法。

ajax和axios的区别

• axios是通过Promise实现ajax技术的一种封装，就像jquery对ajax的封装一样；
• axios返回的数据是一个promise，ajax返回的数据是回调；
• axios比ajax更加好用，更加安全；

事件修饰符

.stop 阻止事件继续传播

.prevent 阻止标签默认行为

.capture 使用事件捕获模式,即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理

.self 只当在 event.target 是当前元素自身时触发处理函数

.once 事件将只会触发一次

.passive 告诉浏览器你不想阻止事件的默认行为

使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用v-on:click.prevent.self会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。

v-if和v-show的区别
  v-show 和v-if 是比较常用的Vue指令，经常用来判断渲染部分代码块

1.v-show

v-show指令的作用是：根据真假值切换元素的显示状态,是响应式的
语法表达v-show = " 表达式 "
原理是修改元素的的CSS属性(display)来决定实现显示还是隐藏
指令后面的内容最终都会解析为布尔值
值为真(true)的时候元素显示，值为假(false)的时候元素隐藏
数据改变之后呢对应的元素的显示状态也是会同步更新的
2.v-if

v-if指令的作用：根据表达式的真假切换元素的显示状态
v-if = "表达式"
本质是通过操纵dom元素来进行切换显示
表达式的值为true的时候元素存在于dom树中，为false的时候从dom树中移除