03 2020 档案

摘要:bus.js App.vue Child.vue 阅读全文
posted @ 2020-03-29 17:30 xl4ng 阅读(784) 评论(0) 推荐(0) 编辑
摘要:App.vue Parent.vue Child.vue 阅读全文
posted @ 2020-03-29 12:35 xl4ng 阅读(485) 评论(0) 推荐(0) 编辑
摘要:App.vue Parent.vue Child.vue 阅读全文
posted @ 2020-03-29 12:33 xl4ng 阅读(3528) 评论(0) 推荐(0) 编辑
摘要:![](https://img2020.cnblogs.com/blog/1981248/202003/1981248-20200329094452365-1465023506.png) 阅读全文
posted @ 2020-03-29 09:45 xl4ng 阅读(312) 评论(0) 推荐(0) 编辑
摘要:新建vue.config.js 阅读全文
posted @ 2020-03-28 21:56 xl4ng 阅读(977) 评论(0) 推荐(0) 编辑
摘要:搭建前提条件: 1. node环境 node是傻瓜式安装的,直接去官网下载安装不断下一步 命令行输入node v查询版本号,有版本号即安装成功 node自带npm包管理工具(安装好node也可以输入npm v查看版本号) npm太慢,下载国内淘宝镜像cnpm(npm install g cnpm r 阅读全文
posted @ 2020-03-28 21:26 xl4ng 阅读(218) 评论(0) 推荐(0) 编辑
摘要:![](https://img2020.cnblogs.com/blog/1981248/202003/1981248-20200328184710754-712017212.png) ``` 购物车 课程: 价钱: 添加商品 课程名称:{{list.text}} 价格:{{list.price}} 添加到购物车 ``` 阅读全文
posted @ 2020-03-28 18:45 xl4ng 阅读(153) 评论(0) 推荐(0) 编辑
摘要:主要是简单介绍一下,路由守卫主要用于检验是否登录了,没登录就跳转到登录页面不让他在其他页面停留,但是现在这种处理主要的都用请求的全局拦截来做了。大致了解一下路由守卫即可 阅读全文
posted @ 2020-03-27 21:29 xl4ng 阅读(164) 评论(0) 推荐(0) 编辑
摘要:补充上一节知识点:js跳转路由传参和标签传参,路由相同而参数不同时页面不做刷新的问题 解决方案:`` 代码思想 1:router view的细分 router view第一层中,包含一个router view 2:每一个坑挖好了,要对应单独的组件 路由配置 案例 进入首页下面会有导航,个人中心、首页 阅读全文
posted @ 2020-03-27 21:27 xl4ng 阅读(142) 评论(0) 推荐(0) 编辑
摘要:1. 查询参 配置(传参) :to="{name:'login',query:{id:loginid}}" 获取(取参) this.$route.query.id 2. 路由参数 配置(传参) :to="{name:'register',params:{id:registerid} }" 配置路由的 阅读全文
posted @ 2020-03-27 21:25 xl4ng 阅读(226) 评论(0) 推荐(0) 编辑
摘要:路由的跳转方式有: 1. 通过标签:`` 2. 通过js控制跳转 区别: this.$router.push() 跳转到指定的url,会向history插入新记录 this.$router.replace() 同样是跳转到指定的url,但是这个方法不会向history里面添加新的记录,点击返回,会跳 阅读全文
posted @ 2020-03-27 21:24 xl4ng 阅读(142) 评论(0) 推荐(0) 编辑
摘要:路由是以插件的形式引入到我们的vue项目中来的 vue router是vue的核心插件 1:下载 2:安装插件 3:创建路由对象 4:配置路由规则 路由对象 5:将配置好的路由对象交给Vue 在options中传递 key叫做 router 6:留坑(使用组件) `` 阅读全文
posted @ 2020-03-27 21:20 xl4ng 阅读(134) 评论(0) 推荐(0) 编辑
摘要:单页应用的路由模式有两种 哈希模式(利用 事件监听 url的hash 的改变) history模式(使用此模式需要后台配合把接口都打到我们打包后的index.html上) 哈希模式原理 核心是锚点值的改变,我们监听到锚点值改变了就去局部改变页面数据,不做跳转。跟传统开发模式url改变后 立刻发起请求 阅读全文
posted @ 2020-03-27 21:17 xl4ng 阅读(571) 评论(0) 推荐(0) 编辑
摘要:需要频繁的创建和销毁组件 比如页面中部分内容显示与隐藏,但是用的是v if 组件缓存 内置组件中 被其包裹的组件,在v if=false的时候,不会销毁,而是停用 v if="true" 不会创建,而是激活 避免频繁创建组件对象的性能损耗 组件的激活和停用 activated 和 deactivat 阅读全文
posted @ 2020-03-27 16:52 xl4ng 阅读(177) 评论(0) 推荐(0) 编辑
摘要:创建一个空实例(bus中央事件总线也可以叫中间组件) 利用$emit $on的触发和监听事件实现非父子组件的通信 解决的方案还有vuex、provide/inject是解决同根往下派发、本地存储也可以进行非父子组件之间的通信 阅读全文
posted @ 2020-03-27 14:58 xl4ng 阅读(127) 评论(0) 推荐(0) 编辑
摘要:父传子 父用子的时候通过属性传递 子要声明props:['属性名'] 来接收 收到就是自己的了,随便你用 在template中 直接用 在js中 this.属性名 用 子传父 子组件里通过$emit('自定义事件名',变量1,变量2)触发 父组件@自定义事件名=‘事件名’监听 代码 阅读全文
posted @ 2020-03-27 13:33 xl4ng 阅读(113) 评论(0) 推荐(0) 编辑
摘要:slot插槽 slot就是子组件里给DOM留下的坑位 DOM slot是动态的DOM ref获取子组件实例 识别:在子组件或元素上使用属性ref="xxxx" 获取:this.$refs.xxxx 获取元素 $el 是拿其DOM $parent获取父组件实例(可在子组件直接使用this.$paren 阅读全文
posted @ 2020-03-27 07:28 xl4ng 阅读(486) 评论(0) 推荐(0) 编辑
摘要:创建组件的两种方式 组件类型 通用组件(例如表单、弹窗、布局类等) 业务组件(抽奖、机器分类) 页面组件(单页面开发程序的每个页面的都是一个组件、只完成功能、不复用) 组件开发三步曲:声明、注册、使用 代码 阅读全文
posted @ 2020-03-27 07:15 xl4ng 阅读(119) 评论(0) 推荐(0) 编辑
摘要:watch监听单个,computed监听多个 思考业务场景: 1. 类似淘宝,当我输入某个人名字时,我想触发某个效果 2. 利用vue做一个简单的计算器 当watch监听的是复杂数据类型的时候需要做深度监听(写法如下) computed 监视对象,写在了函数内部, 凡是函数内部有this.相关属性, 阅读全文
posted @ 2020-03-26 22:51 xl4ng 阅读(284) 评论(0) 推荐(0) 编辑
摘要:过滤器就是可以对我们的数据进行添油加醋然后再显示 过滤器有全局过滤器和组件内的过滤器 全局过滤器Vue.filter('过滤器名',过滤方式fn ); 组件内的过滤器 filters:{ '过滤器名',过滤方式fn } {{ msg | 过滤器名}} 最终都是在过滤方式fn里面return产出最终你 阅读全文
posted @ 2020-03-26 22:38 xl4ng 阅读(137) 评论(0) 推荐(0) 编辑
摘要:vue单向数据流绑定属性值 v bind: (属性) 简写 :(属性) 例子:`` 单向数据绑定 内存改变影响页面改变 v bind就是对属性的简单赋值,当内存中值改变,还是会触发重新渲染 vue双向数据流 v model 只作用于有value属性的元素 例子:`` 双向数据绑定 页面对于input 阅读全文
posted @ 2020-03-26 22:21 xl4ng 阅读(147) 评论(0) 推荐(0) 编辑
摘要:什么是指令 在vue中提供一些对于页面+数据的更为方便的操作,这些操作就叫做指令。 譬如在HTML页面中这样使用`` 在vue中v xxx就是vue的指令 指令就是以数据去驱动DOM行为的,简化DOM操作 常用的指令有哪些,及怎么使用这些指令 v text 不可解析html标签 v html 可解析 阅读全文
posted @ 2020-03-26 22:02 xl4ng 阅读(196) 评论(0) 推荐(0) 编辑
摘要:1. 引包 确认已经下载了node,然后执行命令 npm install vue (如需下载自己要的版本在vue后面加上@版本号) 页面引入刚下载的包 ​ `` 2. 留坑 即留一个vue模板插入的地方或者是vue代码对其生效的地方 3. 实例化 即启动Vue 启动: new Vue({el:目的地 阅读全文
posted @ 2020-03-26 21:23 xl4ng 阅读(280) 评论(0) 推荐(0) 编辑
摘要:DATEDIFF ( datepart , startdate , enddate ) 释义:计算时间差; datepare值:year | quarter | month | week | day | hour | minute | second | millisecond startdate:开 阅读全文
posted @ 2020-03-24 08:33 xl4ng 阅读(947) 评论(0) 推荐(0) 编辑
摘要:BigInteger类实现了任意精度的整数运算,BigDecimal类实现了任意精度的浮点数运算 使用静态类valueOf方法可以将普通的数值转换为大数值: 示例代码 阅读全文
posted @ 2020-03-23 23:31 xl4ng 阅读(208) 评论(0) 推荐(0) 编辑
摘要:``` package com.company.Util; public class Times { public interface Block{ void execute(); } public static void test(Block block) { long begin =System.currentTimeMillis(); block.execute(); long end = 阅读全文
posted @ 2020-03-23 22:50 xl4ng 阅读(218) 评论(0) 推荐(0) 编辑
摘要:``` using System; using System.Collections.Generic; using System.Collections.Specialized; using System.Reflection; using System.ComponentModel; namespace EnumApp { class Program { static void Main(str 阅读全文
posted @ 2020-03-23 16:13 xl4ng 阅读(2386) 评论(0) 推荐(0) 编辑
摘要:Java中判断字符串是否相等应使用equals,==运算符比较的是两个字符串是否在同一个位置上。 阅读全文
posted @ 2020-03-22 23:12 xl4ng 阅读(265) 评论(0) 推荐(0) 编辑
摘要:``` package com.company; public class Main { public static void main(String[] args) { System.out.println("Hello Java!"); } } ``` 阅读全文
posted @ 2020-03-22 22:29 xl4ng 阅读(158) 评论(0) 推荐(0) 编辑