千里之行，始于足下！

之前做vue项目的开发的过程中，遇到在watch中调用methods里面的方法报错问题，今天想起来记录一下1、问题复现： <input type="text" v-model="inputValue"/>export default{ data(){ return { inputValue: '', } }, watch: { inputValue: (newValue) => {.

目录一、vue可以监听到数组的方式1、通过this.$set改变简单数组指定位置的值2、通过this.$set改变对象数组指定位置的值3、通过数组的push、pop、shift、unshift、splice、sort、reverse等方法改变数组二、vue无法监听到数组变化的情况1、通过下标直接改变数组指定位置的值时，监听失效、双向绑定无效2、通过length直接改变数组长度时，监听失效，双向绑定无效三、总结一、vue可以监听到数组的方式1、通过this.$set改变简单数组指定位置的值<but

目录一、watch的直接监听1、简单变量的监听2、对象中变量的监听3、监听值为处理函数二、watch的handler函数监听1、简单变量的监听（handler函数监听）2、对象中变量的监听（handler函数+deep属性监听）3、变量的初始化监听（handler函数+immediate）三、补充vue提供了侦听属性watch，可以很好的观察和侦听vue实例响应数据的变化。本文对其用法进行了归整一、watch的直接监听1、简单变量的监听<input type="text" v-model=

打开vue的官网介绍，第一句就是“vue是一套用于构建用户界面的渐进式框架”。“渐进式”这几个字在刚接触vue时并没有很注意到，使用至今，再次打开官网，这几个放大突兀的字体确实是让人疑惑，当然，网上Google一下，会有很多资料对于这三个字进行阐述，本文只是一个自己理解和简单记录1、渐进式看到“渐进式”这三个字，不免想起当初我刚从熟练用jQuery来开发前端页面，过渡到后来公司决定统一让前端开发人员准备统一用vue框架进行前端开发的，那段时间确实有些不适应，以至于我一开始在使用vue框架的.

目前vue-cli的家族成员有：vue-cli2和vue-cli3，对于vue-cli2如何构建vue项目应该是都聊熟于心，本文简单介绍一下使用vue-cli3构vue项目。一、Vue CLI是基于vue.js进行快速开发的完整系统（脚手架工具），它主要由三部分组成：1、CLI:通过@vue/cli安装的npm包，其提供了终端里的vue命令（例如：vue serve 、vue creat...

一、创建vue项目步骤如下 ：1、 安装nodejs环境官网下载：https://nodejs.org/en/download/安装完后 ,打开cmd ,查看node 、npm的版本node -vnpm -v2、安装vue-clinpm install -g vue-cli查看vue 的版本号：vue V //注意：是大写的V3、在电脑某盘创建一个项目集的文件夹，命...