摘要:
以下是可能遇到的报错,本人遇到的不是很全,这里只是因为一个一个查太麻烦,索性汇总起来咯! Q:can’t not find ‘xxModule’ - 找不到某些依赖或者模块 Q:data functions should return an object Q:我给组件内的原生控件添加事件,怎么不生效 阅读全文
摘要:
一、开发环境的搭建 1.安装node.js(这个不必多少,但是注意项目可能存在不兼容node版本)。 2.建立webpack模板 vue init webpack vue-test(项目名称),后续出的一些提示,根据需要是或否。 3.进入项目下,cd vue-test 安装依赖 cnpm insta 阅读全文
摘要:
Vuex 是一个专门为 Vue 应用程序开发的状态管理模式,适合开发大型单页应用, 它能够更好的在组件外部管理状态 重要文件版本。 每一个 Vuex 应用的和兴就是 store(仓库)。store 基本上就是一个容器,它包含着应用中大部分的状态(state) Vuex 和单纯的全局对象有以下不同: 阅读全文
摘要:
slot 内容分发:为了让组件可以组合,我们需要一种方式来混合父组件的内容与子组件自己的模板。 比如我们遇到组件需要相互嵌套这样的情况: App.vue 文件 <template> <div class="app"> <Hello> <World></World> <Vue></Vue> </Hel 阅读全文
摘要:
非父子组件之间的通信,可以通过一个空的 Vue 实例作为中央事件总线(事件中心),用他来触发事件和监听事件。 在这里,如果是工作中的新手看了官网的例子直接上手写,会有些发懵。这个作为事件总线空的 Vue 实例我该写哪里去?因为工作中我们的组件都是互相独立的,不可能写一起的,作用域是不同的,所以需要稍 阅读全文
摘要:
我们知道父子组件之间是如何传值的,如果子组件需要改变传过来的数据供自己使用,或者想在子组件中改变传过来的数据并同步到父组件,那么直接改肯定是不行的,如果你这么做了,Vue 会在控制台给出警告。所以,解决的方式在以下我会来讲一讲。 先创建项目并运行 vue init webpack-simple te 阅读全文
摘要:
今天来给大家说说父子组件传值,认真了认真了,拿好小本本。 先创建项目并运行 vue init webpack-simple template cd template npm i npm run dev 一、子组件访问父组件的数据 方式一 :子组件直接访问父组件的数据 父组件在调用子组件时,绑定想要获 阅读全文
摘要:
在实际项目中,我们只掌握到vuex的基本操作,显然是不行的,在项目中如果组件太多,不可能把所有组件的数据都放到一个 store.js 中的,所以就需要模块化的组织 Vuex,首先看一下 项目结构。 项目结构 一、首先执行以下命令: vue init webpack-simple vuex-demo 阅读全文
摘要:
我们都知道如何通过一些简单的动作来改变 store.js 中的数据对象,在实际工作中,这是完全无法满足工作需求的,所以我来说说如何做一些简单的流程判断。 一、比如说我现在有这么个需求,当 count < 5 的时候,就停止 count-- 。这就需要用到 actions actions 定义要执行的 阅读全文