![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
陈浩然哦
加油,明天会更好!
展开
-
h5跳转微信小程序方案及注意事项(vue方向)
h5跳转微信小程序方案及注意事项(vue方向)原创 2022-10-23 18:28:25 · 3065 阅读 · 1 评论 -
VUE 列表页跳转到详情页,点击返回上一页,回到原来的位置
一、利用vuex在store/index.js中记录滚动条历史高度记录列表页分页页数let store = new Vuex.Store({ state: { myHistroy: { pageNum: 1, // 列表页分页页数 scrollTop: 0, // 滚动条历史高度 }, }, mutations: { MYHISTROY: (state, myHistroy) => { state.myHistroy=原创 2022-03-29 16:32:07 · 3971 阅读 · 0 评论 -
VUE 列表页中实现分页加载(下拉到底部触发下一页 )
1、HTML结构注:该方法所执行的基础是10条数据的高度总和应大于列表盒子固定高度 <ul class="my_list" @scroll="scrollEvent"> <li v-for="(item, index) in myList" :key="item.id"></li> </ul>2.滚动加载分页方法以及所需变量配置 data() { return { isUpdate: true, // 是否到底原创 2022-03-29 14:04:56 · 7280 阅读 · 2 评论 -
父组件如何触发子组件中的方法
示例:子组件<template> <div> child </div></template> <script> export default { name: "child", props: "someprops", methods: { parentHandleclick(e) { console.log(e) } } }</scrip原创 2020-12-10 12:00:07 · 1905 阅读 · 0 评论 -
GET和POST的具体传参方式以及结构!!!(代码详解)
一、GET 和 POST 传参方式的优缺点1.post更安全(不会作为url的一部分,不会被缓存、保存在服务器日志、以及浏览器浏览记录中)2.post发送的数据量更大(get有url长度限制)3.post能发送更多的数据类型(get只能发送ASCII字符)4.post比get慢5.Post是向服务器提交数据的一种请求,get是向服务器发索取数据的一种请求。6.get会将数据缓存起来...原创 2019-08-05 17:59:04 · 17902 阅读 · 1 评论 -
MVVM 模型之下的 VUE框架
MVVM(Model View ViewModel)VUE 的简介VUE 就是基于 MVVM 模型实现的一套框架,在 VUE 中:Model 指的是 js 中的数据,如对象、数组等等。View 指的是页面视图。ViewModel指的是 VUE 实例化对象。为什么说VUE 是一个渐进式的 javascript 框架,渐进式是什么意思?1、如果你已经有一个现成的服务端应用,你可以将 ...原创 2019-06-18 11:36:20 · 403 阅读 · 0 评论 -
vue项目中element-ui的分页器(组件封装)
vue项目中element-ui的分页器组件原创 2019-06-17 15:38:39 · 9966 阅读 · 0 评论 -
Vuex核心原理(state,mutations和actions,getters)
VuexVuex核心原理如图示,Vuex为Vue Components建立起了一个完整的生态圈,包括开发中的API调用一环。围绕这个生态圈,简要介绍一下各模块在核心流程中的主要功能:Vue Components:Vue组件。HTML页面上,负责接收用户操作等交互行为,执行dispatch方法触发对应action进行回应。在new的vuex实例里面,有state,mutations和ac...原创 2019-05-12 22:58:58 · 2215 阅读 · 0 评论 -
Vuex的辅助方法(mapState、mapGetter、mapMutation、mapAction)
Vuex在new的vuex实例里面,有mutations和actionsstate:{} 里面存储的是数据mutation:必须是同步函数,通过commit触发mutations中的函数,修改state中的数据actions:可以是异步函数,通过dispatch触发actions中的函数,actions提交的是mutations,而不是直接变更数据getters:可以认为是vuex...原创 2019-05-12 20:29:35 · 6753 阅读 · 0 评论 -
Vue实现数据双向绑定的原理:Object.defineProperty()
vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时,Vue 将遍历它的属性,用 Object.defineProperty 将它们转为 get...原创 2019-05-19 23:20:39 · 1086 阅读 · 0 评论 -
VUE 生命周期/钩子函数详细分解!!!
VUEVue 生命周期/钩子函数声明:所有的生命周期钩子都会自动this上下文的事例当中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期的方法(例如:created:()=>this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此this与你期待的 Vue 实例不同,this.fetchTodos的行为未定义。生命周期图示:...原创 2019-03-30 00:35:22 · 514 阅读 · 0 评论 -
VUE 指令集合!!!
VUEVUE 指令集合v-model:双向绑定 <div id="app"> {{[name,age]}} {{age > 17 ? '成年' : '未成年'}} <input type="text" v-model='name'> * v-model 双向绑定(根据 input 中所输入的 ...原创 2019-03-21 21:15:57 · 2136 阅读 · 0 评论