xu2034029667的博客

涉及三个核心知识点： var Profile = Vue.extend({ template: `${advanceFilterHtml}`, data: function () { return data }, // watch: that.watch, // methods: that.method, }) // 创建 Profile 实例，并挂载到一个元素上。 new Profile().$moun...

真的心累，花了接近两天时间，才把项目跑起来，问题一：vue项目一可以正常跑起来，可是一访问，前端对应项目一直接跪掉可以正常跑起来，但是不能去访问站点，一访问站点挂掉，Emitted'error'eventonSocketinstanceat:atemitErrorNT(internal/streams/destroy.js:106:8)atemitErrorCloseNT(internal/streams/destroy.js:74:3)atp...

很久没写博客，这两天跑公司前端代码，出现这个提示，因为同事没有出错，一开始仅仅以为是语法提示，代码肯定没问题的，这个方向是错的，最终定位是版本错误，花了一点时间，定位到对应的版本异常的依赖，如图：版本不一致导致，升级vue，或是修改vue-template-compilarnpm list vue查看vue版本升级npm install vue@2.6.14...

首先明白这两者是什么？实际 上它们是vue生命周期中两个方法详细见官网https://cn.vuejs.org/v2/api/#mounted通俗理解，是类似js中Ready()一类的方法，使用也是类型，关于https://cn.vuejs.org/v2/guide/instance.html#生命周期图示我们从图中看两个节点：created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted:在模板渲染成html后调用，通常是初始化页.

背景：昨天一直在使用的电脑，忽然出问题，这意味着，重新安装工作用到的开发软件，鬼知道，从前端到后台，要安装多少东西，每次安装都会有额外的收货，这次也不例外，再次说明，写博文将过程记录下来，非常有必要，方便自己再次查看，也是方便他人，第一部分：后台部分，幸好windows7也是支持vs2019,如此以来省了不少事情下载完公司后端代码，分成两个项目，一个业务项目，一个供调用相当于组件调用的公共服务项目注意事项是，安装完git工具后，克隆出现凭证提醒，设置用户名和邮箱即可，这里设.

本文分为三个部分：第一部分：安装相关工具，创建vue项目，快速上手体验第二部分：上传github仓库，方便别人下载，体验第三部分：编译打包发布到服务器第一部分：vue.js是现代前端开发中一个重要的流行框架，与Angular.js和React.js类似，提供了对html,js以及css的编译能力，同时提供了一个运行时的框架，用于组合组件化的调用方式，这与传统的在页面增加css和js，实现页面效果有很大的区别。vue其实采用编译+底层框架的方式提供了对web开发的一个便利的措施，vue包