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