Vue.js

Vue 实例对象中 el 属性：代表 Vue 的作用范围，在 Vue 的作用范围内都可以使用 Vue 的语法。

Vue 实例对象中 data 属性：用来给 Vue 实例绑定一些相关数据，绑定的数据可以通过 {{ xx }} 在 Vue 作用范围内取出。

在使用 {{ xx }} 进行获取 data 中数据时,可以在 {{ }}中书写表达式、运算符、调用相关方法以及逻辑运算等

el 属性中可以书写任意的 CSS选择器[jquery选择器]，但是在使用 Vue 开发推荐使用 id选择器。

用来获取 data 中数据将数据以文本的形式渲染到指定标签内部，类似于 javascript 中 innerText

{{ xx }}（插值表达式）和 v-text 获取数据的区别

用来获取 data 中数据将数据中含有的 html 标签先解析在渲染到指定标签的内部，类似于 javascript 中 innerHTML

v-on:click 可以简化成 @click

事件函数可以简写，dowork: function() {} 可以简写成 dowork() {}

v-show：用来控制页面中某个标签元素是否展示，底层通过控制元素的 display 属性来进行标签的显示和不显示控制。

特点

v-if：用来控制页面中的标签元素是否展示，底层通过对 dom 树节点进行添加和删除来控制展示和隐藏。

v-bind : 属性 可以简写成 : 属性

在使用 v-for 的时候一定要注意加入:key 用来给 Vue 内部提供重用和排序的唯一 key

遍历时可以获取 索引 index、…

定义：用来绑定 标签元素的值 与 vue实例对象中data数据 保持一致，从而实现 双向的数据绑定机制。

所谓双向绑定，就是表单中数据变化导致 vue 实例 data 数据变化，vue 实例中 data 数据的变化导致表单中数据变化。

修饰符作用：用来和事件连用，决定事件触发条件或者是阻止事件的触发机制。<br>

.stop：用来阻止事件冒泡。<br>.prevent：用来阻止标签的默认行为。<br>.capture<br>.self：只触发自己标签的上特定动作的事件，不监听事件冒泡。<br>.once：让指定事件只触发一次。<br>.passive

作用：用来与键盘中按键事件绑定在一起,用来修饰特定的按键事件的修饰符。<br>

.enter<br>.tab （捕捉通过tab跳转到当前按标签）<br>.delete (捕获“删除”和“退格”键)<br>.esc<br>.space<br>.up<br>.down<br>.left<br>.right

https://unpkg.com/axios/dist/axios.min.js

axios.get('http://localhost:8989/user/findAll?name=zhangsan')<br> .then(function (response) {<br> console.log(response.data);<br> }).catch(function (err) {<br> })

axios.post("http://localhost:8989/user/save", {<br> id: "996",<br> }).then(function (response) {<br> }).catch(function (err) {<br> });

axios.all([findAll(), save()]).then(<br> axios.spread(function (res1, res2) {<br> console.log(res1.data);<br> console.log(res2.data);<br> }));&nbsp;

beforeCreate 组件没有创建之前触发<br>created 组件创建完成没有渲染时触发<br>beforeMount 组件渲染之前触发<br>mounted 组件渲染之后触发<br>beforeUpdate data改变，组件更新前触发<br>updated data改变，组件更新后触发<br>beforeDestroy 组件销毁之前触发<br>destroyed 组件销毁之后触发