![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
光头和尚111
这个作者很懒,什么都没留下…
展开
-
vue记忆结构(一)
前端html+css+js+jquery前端MVC框架:React,Angular(谷歌的),Vue,Node表达式,命令,组件,模板,路由前期准备:1.html常用标签,常用属性(要背的比较6)2.基本的八类CSS属性,要有清醒的认识3.原生JS,最重要的是DOM操作(节点的增删改查)使用:下载,导入part1.表达式(1)表达式在标签中,作为内容使用{{表达式}}...原创 2019-03-14 09:28:39 · 196 阅读 · 0 评论 -
vue记忆结构(三)
1.交互 前端和后端(任何一个应用,都有前端和后端 前段:客户端,浏览器 后端:服务器) 交互的场景应用 (1.)从后端提交一些数据,将其进行展示和计算 (2.)将用户在页面中的数据提交到后端2.Vue.js交互 (1.)交互需要使用到一个库文件: vue-resource.js库 (2.)交互借助$http完成 ...原创 2019-03-14 22:40:09 · 157 阅读 · 0 评论 -
Vue记忆结构(二): 小案例vue选择结算,点击变色
v-bind:class="{red:item.bool,green:!item.bool}" 用来进行颜色切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>我的小超市结算</tit原创 2019-03-14 16:38:31 · 207 阅读 · 0 评论 -
Vue记忆结构(四) vue过滤器语法及实例
1. 作用:不改变数据的前提下,设置输出前端需要的格式定义方法:Vue.filter(‘mingzi’,function(value){ //处理方法});调用方法:{{ msg | mingzi }}注意:定义过滤器,必须放在所有实例前面在没有冲突的情况下,过滤器可以串联2.过滤器的使用 <!DOCTYPE html>&...原创 2019-03-14 23:07:43 · 209 阅读 · 0 评论 -
Vue选项卡制作(tab切换)
主要的实现功能如下:(点击进行切换,这里我不做太多的样式处理了,主要看功能)2.话不多说:主要看代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡制作</title>原创 2019-03-16 10:12:16 · 779 阅读 · 0 评论 -
Vue小型计算器(加减乘除)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算</title> <script src="https://cdn.bootcss.com/vue/2.4.2/原创 2019-03-16 10:16:27 · 2912 阅读 · 0 评论