《javaweb的基础》0基础学习前端内容--vue框架

首先申明这是基础内容为的是带大家了解vue这个内容尝试学习vue基础知识其实vue是一个很大的知识体系这里我简单的讲述了一下对于前后端数据传输后的数据最基本的处理不涉及生态只是对交互逻辑和渲染的基础讲解深入学习的话请关注其他博客建议学习前先学习基础的语法知识关于htmlcss和js的基础语法知道大概的标签内容了解每一个标签都有什么属性不需要全部了解知道基础即可框架vue学习1利用es模块建立先尝试很很重要我们先建立一个简单的项目2常见的v-命令操作html注意**差值表达式是不能展示在标签内部的比如这个例子中的src这样的话无法直接讲内容展示而是直接当成文本展示{{e.image}}解决方法是利用v-bind这里的src直接就写可取到的遍历值不加{{}}至于后面这个alt是当图片找不到时展示的内容当要根据传入的值确定不同的内容时我们需要用到以下这个两个指令具体的使用区别v-if和v-show的区别v-if对于每一个数据一次判断即可这个同一个数据的同一个判断在一个页面中不会多次再次的反复用到每一个都会渲染只不过是通过css的display隐藏了v-show则是会多次用到的由于对于任何一个v-xxx的操作都需要依附于标签所以我们要这样写此时如果我们打开f12工具查看就可以看到不是将这一整个代码展示出来而是只显示出来对应的班主任或者讲师这一条信息如下图jS源代码Elements 能看见 script 内文本页面看不见完整源码去 Sources。JS生成的 HTML 标签运行完立刻出现在 Elements 面板页面可视化展示。此时我们对比v-show就可以看到区别接下来说一下v-modelv-module这个首先须要我们在data的return的返回数据内容中定义然后惊醒绑定这个空的内容重点是这个内容和数据的希纳是是绑定的这个searchform的数据发生改变后绑定的项的内容也会发生改变还有最后一个v-on基础版的vue内容就讲完了其实通过这个简单的介绍我们可以看到理解一个基本概念vue其实是对原本js的规范和格式规定方便了我们对js代码的维护有了一个系统的表示方法同时还对于服务端的传输和用户看到的内容渲染进行联系对于我们新手接触这些东西我们了解后尝试写一下代码会有更好的体验这是我尝试做javaweb基础的第一期文章中大量引用了网络上其他的视频截图和自己的代码这里为大家做一个知识梳理