JineD的博客

今天在创建项目的时候，发现一直创建不成功，安装项目依赖的时候报错：npm ERR! Unexpected end of JSON input while parsing near…具体报错详情：经过自己亲测发现如下解决方法：方案一（亲测已解决）：清除缓存npm cache clean --force (这个命令必须要运行)再安装npm install （网上的方案，我试的时候还是同样报错，后来用yarn install,再 yarn run serve就可以跑起来了）方案...

通常我们在插值表达式中用$store.state.count来获取，见下图：而在实际应用中，还存在着其他一些写法，最常见的有以下二种，但无论怎么写，都需要依赖vue的computed计算属性来实现。因为：在vue的实际应用中，computed属性可以在输出前，对data中的值进行改变，因此，我们就是利用computed的这一特性，在组件中获取vuex的state对象中的属性。方法一：在computed中定义一个方法，并return出state对象中的属性及其状态：这里需要说.

一、什么是生命周期？用通俗的语言来说，就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨，但是也基本上可以理解。通过一系列实践，现在把所有遇到的问题整理一遍，今天记录一下created和mounted的区别：二、created和mounted区别？官方图解如下:我们从图中看两个节点：created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需

vue-router实现原理SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容。单页面应用(SPA)的核心之一是:更新视图而不重新请求页面;vue-router在实现单页面前端路由时，提供了两种方式：Hash模式和History模式。1、hash模式随着 ajax 的流行，异步数据请求交互运行在不刷新浏览器的情况下进行。而异步交互体验的更高级版本就是 SPA —— 单页应用。单页应用不仅

Vue的项目中，如果项目简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 进行传递但是如果是大中型项目中，很多时候都需要在不相关的平行组件之间传递数据，并且很多数据需要多个组件循环使用。这时候再使用上面的方法会让项目代码变得冗长，并且不利于组件的复用，提高了耦合度。Vue 的状态管理工具Vuex完美的解决了这个问题。看了下vuex的官网，觉得不是很好理解...

组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。在说如何实现通信之前，我们先来建两个组件father.vue和child.vue作为示例的基础。//父组件<t...

1、yarn的安装说明：yarn的使用也是和npm一样，之前要安装好nodejs环境。如果没有安装，请先安装nodejs.yarn的中文文档地址，上面有详细的地址。https://yarnpkg.com/zh-Hans/docsyarn命令的基本使用，它的命令基本和npm的使用一致，会有细微的差异。https://yarnpkg.com/zh-Hans/docs/cli/yarn的...

#安装关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8....

vue-property-decorator这个组件完全依赖于vue-class-component.它具备以下几个属性:@Component (完全继承于vue-class-component) @Emit @Inject @Provice @Prop @Watch @Model Mixins (在vue-class-component中定义);使用当我们在vue单文...

事实上在 vuex 里面actions 只是一个架构性的概念，并不是必须的，说到底只是一个函数，你在里面想干嘛都可以，只要最后触发 mutation就行。异步竞态怎么处理那是用户自己的事情。 1 2 3 4 5 Vuex.Store({ state, actions, mutation ...

vuex中module的命名空间概念 默认情况下，模块内部的 action、mutation 和 getter 是注册在全局命名空间的。 弊端1：不同模块中有相同命名的mutations、actions时，不同模块对同一 mutation 或 action 作出响应。 弊端2：当一个项目中store分了很多模块的时候，在使用辅助函数mapState、mapGetters、mapMut...