vue子给父组件传值
摘要：1，子组件给父组件传值需要经过一个事件触发，用this.$emit进行传值，两个参数，第一个是在父组件接受这个方法的方法名称，另一个 就是给父组件的值 1 <template> 2 <div> 3 我是son组件,我要给父亲：{{list}} 4 <p><button @click="toFathe
阅读全文
posted @
2020-04-09 19:32
GGbondMan
阅读(526)
推荐(0)
vue父子传值以及监听这个值，把值拿到子组件使用不报警告
摘要：1，父组件给到一个值，然后在子组件的标签里面用 ：传变量 = 父变量 你的子组件记得注册 1 <template> 2 <div> 3 <h1>我是父组件,我有一个数字：<span style="color:orange">{{num}}</span> 给儿子</h1> 4 <Son :messag
阅读全文
posted @
2020-04-09 11:36
GGbondMan
阅读(404)
推荐(0)
vue局部跳转，实现一个类似选项卡tab功能
摘要：1，这是路由部分，父组件和两个子组件 注意：子路由path路径要 “/”+“父路径”+“/”+“子路径” 1 { 2 path:"/father", 3 name:'father', 4 component:()=>import("@/demo/father"), 5 children:[ 6 {
阅读全文
posted @
2020-04-08 09:21
GGbondMan
阅读(1928)
推荐(0)
vuex的一个demo，数据拿到界面上
摘要：1.拿到store的一个值，并实现自增 1 <template> 2 <div> 3 <button @click="add">add</button> 4 {{getuser}} 5 </div> 6 </template> 7 <script> 8 import {mapState,mapAct
阅读全文
posted @
2020-04-05 22:08
GGbondMan
阅读(298)
推荐(0)
vue-day06----过渡&动画（transition）、axios、axios以post方式请求数据、axios常用的配置项、axios拦截器、qs处理数据、vue中async和await的使用
摘要：### vue过渡&动画 transition标签 1、在vue中如果需要使用动画的时候必须要给动画的元素/组件包裹一个transition内置组件 2、transition内置组件身上有一个name属性，值为动画的名称 3、vue中应用动画的元素必须经历显示和隐藏的操作（v-if v-show）
阅读全文
posted @
2020-03-08 11:05
GGbondMan
阅读(300)
推荐(0)
vue-day05----自定义指令（directive）、render和template的区别、mixin混入、Vue.use()、Vue.extend()、Vue.filter()、vue中的数据流向
摘要：### 自定义指令 directive 全局自定义指令：Vue.directive() 局部自定义指令：directives directive(参数一,参数二) 参数一：指令名称 参数二：指令的配置项，可以是函数，也可以是对象 函数： 参数一：使用当前指令的元素 参数二：指令的详细信息 { mod
阅读全文
posted @
2020-03-03 10:31
GGbondMan
阅读(340)
推荐(0)
vue04----watch、slot、响应式原理、set、vue脚手架（vue-cli）、单页面应用和多页面应用、单页面开发首屏加载过慢，白屏如何缓解
摘要：### watch监听：监听数据的变化 data:{ age:24 }, methods:{ add(){ this.age++; } }, watch:{ age(newValue,oldValue){ console.log("新值",newValue) console.log("旧值",old
阅读全文
posted @
2020-02-19 22:22
GGbondMan
阅读(229)
推荐(0)
vue03----生命周期、nextTick()、ref、filter、computed、vue中异步请求渲染问题（swiper不轮播）（在开发过程中遇到什么问题、踩过的坑）
摘要：### 1、vue的组件和实例都有生命周期，而且是一样的 生命周期：（组件从创建到销毁的过程） 创建 挂载 更新 销毁 组件到达某一个阶段就会自动触发某一些函数，这个函数就叫生命周期的钩子函数。 创建：组件创建的时候触发 beforeCreate created 组件刚创建的数据请求 挂载：创建完成
阅读全文
posted @
2020-02-18 22:13
GGbondMan
阅读(371)
推荐(0)
vue02----什么是组件、组件创建、全局组件、局部组件、组件嵌套、组件传值、为什么组件中的data不是一个对象而是一个函数
摘要：### 什么是组件？ 将代码进行复用 组件是实例的拓展子类 组件继承自实例，实例有的组件大部分都有，稍有变异 ### 组件创建 创建组件模板的2种方式： 1、通过template标签 template:"#tpl" 2、通过字符串模板 template:"<h1>吴启浪</h1>" ### 全局组件
阅读全文
posted @
2020-02-14 17:53
GGbondMan
阅读(272)
推荐(0)
vue01----虚拟DOM、指令、事件修饰符、按键修饰符、双向数据绑定、v-if和v-show的区别
摘要：vue01 虚拟DOM、指令、事件修饰符、按键修饰符、双向数据绑定、v-if和v-show的区别 ### 虚拟DOM： 虚拟DOM就是内存中的一个变量，是一个对象结构 前端效率优化：最致命的问题就是DOM操作，尽量减少DOM操作 vue的高效： 1、虚拟DOM页面渲染高效 2、js ①获取数据②根据
阅读全文
posted @
2020-02-11 18:37
GGbondMan
阅读(327)
推荐(0)
vue中路由的使用
摘要：路由： （1）监听地址栏的变化 （2）根据地址栏的变化切换到对应的组件 使用路由： 1、创建一个vue项目：vue create routerdemo 注意：在选择插件的时候只选择babel 2、安装路由插件：npm install vue-router 3、创建路由：src下新建router.js
阅读全文
posted @
2020-02-08 08:55
GGbondMan
阅读(282)
推荐(0)
vue创建项目的一种方法
摘要：①vue create demo vue版本：3.9.3，node版本：12.8.0 ②Manually select features ③Babel、CSS Pre-processors（Router和Vuex暂时没装） ④Less ⑤In dedicated config files ⑥n
阅读全文
posted @
2020-02-06 22:53
GGbondMan
阅读(171)
推荐(0)
浙公网安备 33010602011771号