ajaXJson

2021年8月30日

摘要： 1.在父组件import子组件 2.挂载 3.在占位符中v-bind传入数据 4.子组件export default中props引入值  父App.vue <template> <div> < 阅读全文

posted @ 2021-08-30 18:40 ajaXJson 阅读(147) 评论(0) 推荐(0) 编辑

子传父

摘要： 1.子组件view 子组件定义了一个click事件add点击来发送count值，并设置emit触发自定义事件numchange <template> <div> <button @click="add()">+1</button> </div></template><script>export de 阅读全文

posted @ 2021-08-30 18:40 ajaXJson 阅读(54) 评论(0) 推荐(0) 编辑

2021年8月29日

Vue生命周期

摘要： 44.Vue生命周期生命周期是指一个组件从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段。生命周期函数：是由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。几个常见的阶段 1.created 此时可以调用data中的数据,methods方法，这个钩子中最常用的阅读全文

posted @ 2021-08-29 18:38 ajaXJson 阅读(43) 评论(0) 推荐(0) 编辑

2021年8月27日

prop只读

摘要：在传值时不要对prop传的值进行修改。 1.定义一个组件页面About 在About页面插入了NQMM页面的占位符，在占位符中使用init传一个值，当这里的属性绑定了v-bind后这里值的类型是数字型，当不绑定v-bind时这里的init是字符型。 <template> <div> <h1>这里是A 阅读全文

posted @ 2021-08-27 16:09 ajaXJson 阅读(56) 评论(0) 推荐(0) 编辑

过滤器

摘要： 1.过滤器仅在2.0上适用，常用于插值表达式和v-bind属性绑定。 2.要定义到filter节点下，本质是一个函数。 3.在过滤器的形参中，就可以获取到“管道符”前面是待处理的那个值。 4.在过滤器中一定要有return值。 5.如果全局过滤器和私有过滤器名字一致，此时按照就近原则，最先调用的是私阅读全文

posted @ 2021-08-27 10:26 ajaXJson 阅读(23) 评论(0) 推荐(0) 编辑

v-bind与v-model的区别

摘要： v-bind是一个单向数据绑定，映射关系：Model->View，不需要进行额外的DOM操作，只需要进行Model的操作就可以实现视图的联动更新。 v-model是一个双向数据绑定，映射关系：View接受的数据,传给model,model的数据再传给view。把Model绑定到View的同时也将Vi 阅读全文

posted @ 2021-08-27 10:17 ajaXJson 阅读(145) 评论(0) 推荐(0) 编辑

vue组件使用的三个步骤

摘要： 1.在App.vue中使用import语句导入需要的组件 import About from './views/About.vue'import Home from './views/Home.vue' 2.使用components节点注册组件 components:{ About, Home}, 阅读全文

posted @ 2021-08-27 10:16 ajaXJson 阅读(281) 评论(0) 推荐(0) 编辑

vue项目运行流程

摘要：在工程化项目中，vue要做的事情通过main.js把App.vue渲染到index.html的指定区域中其中: 1.App.vue用来编写带渲染的模板结构 2.index.html中需要预留一个el区域 3.main.js把App.vue渲染到index.html所预留的区域中阅读全文

posted @ 2021-08-27 10:16 ajaXJson 阅读(206) 评论(0) 推荐(0) 编辑

2021年8月25日

get请求和post请求传递的数据格式

摘要：当为GET请求时发送paramsi行参数，当为POST请求时发送data类型参数 <button id="btnPost">发起POST请求</button> <script src="./axios.js"></script> <script> document.querySelector("#b 阅读全文

posted @ 2021-08-25 10:12 ajaXJson 阅读(601) 评论(0) 推荐(0) 编辑

解构赋值

摘要： 2.解构赋值如果调用某个方法的返回值是Promise实例，则前面可以添加await await 只能用在被async “修饰”的方法中如果不解构赋值的话，拿到的是axios包装后的一堆数据，解构赋值后拿到特定的数据（data），再重命名为res，因为data中还存在一个data,所以取值data 阅读全文

posted @ 2021-08-25 10:00 ajaXJson 阅读(166) 评论(0) 推荐(0) 编辑

公告