VUE学习

            学习vue之前最好先对javaScript、html、css有一定的了解，vue是将这三者完美结合的一种框架，例如一个前端功能如导航栏，在很多页面都可能用到，但每个导航栏的信息不一样，也就是说这个导航栏的html和css一样，但js动态渲染的数据不一样，我们可以使用vue将这三者组合起来称为一个组件，在其他页面要用导航栏的时候调用和这个组件，将展示的数据用vue的方法传入这个组件，就可以达到一个组件在不同页面展示不同信息的功能。

JavaScript

一、常用指令

（1）v-text: 用于更新绑定元素中的内容，类似于jQuery的text()方法

（2）v-html: 用于更新绑定元素中的html内容，类似于jQuery的html()方法

（3）v-if: 用于根据表达式的值的真假条件渲染元素，如果上图P3为false则不会渲染P标签

（4）v-show: 用于根据表达式的值的真假条件显示隐藏元素，切换元素的 display CSS 属性

（5）v-for: 用于遍历数据渲染元素或模板，如图中P6为[1,2,3]则会渲染3个P标签，内容依次为1，2，3

（6）v-on: 用于在元素上绑定事件，图中在P标签上绑定了showP3的点击事件

 

二、ajax

ajax是一种前端异步请求后端的方式，什么叫异步请求，直观的说就是使用ajax来与后端进行数据交互不影响前端的正常操作，前端该干啥干啥，在ajax与后端交互完毕时将结果反馈前端就行了  JQuery的ajax使用方法非常简单，http://blog.sina.com.cn/s/blog_4f925fc30100la36.html

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

$.ajax({    url: this.updateMessageUrl,    type: 'POST',    data: {       message_data: strData,       name: this.user    },    success: (res) => {       const result = JSON.parse(res);       const type = result.code ? 'error' : 'success';       const content = result.code ? '发布失败' : '发布成功';       this.$store.dispatch(