
vue
Missing___
这个作者很懒,什么都没留下…
展开
-
vue父子组件双向绑定
.sncy props的父子组件双向绑定在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。2.3.0+ 新增.sync 修饰符,可以实现prop双向绑定。this.$emit('update:title', newTitle)子组件:export default { props:["title"], methods:{ sendToParent(){ // 触发 更新父级title this.$emit("原创 2020-05-21 16:50:41 · 264 阅读 · 0 评论 -
vue中$nextTick()作用
vue更新数据是异步的1.0 中确实是通过 v-el:xxx 标记 dom 然后在组件里通过 this.$els.xxx 就可以获得这个 dom 对象了$nextTick(() => {}) 与DOM相关操作写在该函数回调中,确保DOM已渲染什么是Vue.nextTick()官方文档解释如下:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执转载 2020-05-20 19:45:58 · 187 阅读 · 0 评论 -
vue父子组件以及非父子组件如何通信
1.父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现父组件:<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>data(){ return { ...转载 2020-05-20 19:10:31 · 405 阅读 · 0 评论 -
Vue-Cli3.0-配置基础路径
我们在做项目时,可能会遇到线上地址需要配置成这样的,比如http://mobile.****.com/project-name/,其实很简单,二步就解决了。一:配置路由history模式,这里base默认为根目录也就是base: ‘/’ 我们可以根据需要进行修改export default new Router({ mode: 'history', base: '/project-na...原创 2019-12-26 21:57:13 · 1082 阅读 · 0 评论 -
vuex数据持久化
vuex在刷新浏览器后,数据会丢失,使用vuex-persistedstate插件(1)安装npm i vuex-persistedstate -S(2)引入storeimport Vue from 'vue'import Vuex from 'vuex'import createPersistedState from 'vuex-persistedstate' Vue.use(V...转载 2019-11-11 11:43:47 · 154 阅读 · 0 评论