Vue笔记

Vue.js

vue.js是一种前端语言，简化了dom操作，可以实现数据的双向操作，既V-model,此属性可以保持js和页面中的数据保持一致更新（响应式数据操作）。(vue官网：https://vuejs.bootcss.com/guide/)
使用vue首先需要导入vue.js，vue.js有两种分别为开发版本和生产版本，具体区别可上vue官网查看。我们导入vue的时候可以直接导入在线的vue既

开发 https://cdn.jsdelivr.net/npm/vue/dist/vue.js
生产 https://cdn.jsdelivr.net/npm/vue.

1.El挂载点，如图所示:使用vue的各种属性需要使他们放在具有挂载点的双标签下。Vue实例的作用范围在挂载点及其所有子类下。挂载点可以使用所有选择器绑定，但是推荐id选择器。挂载点可以放在body标签内的所有双标签上。

2.data数据对象，如图所示：data下可以声明各种数据对象，如字符串，数字，数组，对象等。

3.v-text,v-html。如图所示，v-text可以调用data中的数据对象，使其显示在双标签中，v-text属性绑定的数据对象会替换掉双标签中的所有内容。而v-html除了以上功能外还有将数据中HTML格式的语言解析为HTML标签的功能。

4. v-on，v-on可简写为@，v-on可以绑定vue实例中methods的方法，语法为v-on触发方式=”方法名（参数）”，如图所示

5.v-show，v-if，v-show和v-if再页面上起到的效果相同，都是在表达式为true时显示双标签中的内容为false时隐藏。但他们原理不同，v-show的原理是修改标签的display属性为none进行隐藏，v-if的原理是将标签的内容清空。

6.V-bind,为标签绑定属性如v-bind:src=””,v-bind:href=””等，如图

7.v-for,循环，如下图所示，将v-for绑定在一个大的双标签上，类似于each遍历，使用item调用当前变量。

8.v-model,一般绑定在表单元素的文本框上，可以使data中的数据对象与页面上的文本框中的值保持一致，同步更新，是vue中双向特性的具体体现。

9.axios,是一种类似Ajax的方法可以向指定的地址发送请求，获得返回值。使用时需要导入axios.js，如下，要注意的是下面这个是在线的使用时需要联网。