学习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 |
|