vue开发主要思路

前期一直没对前端开发这块进行针对性的了解，比如vue，但由于组内的前端马上就要离场了，剩余一大块前端项目需要交接，所以决定还是自己找他多了解了解这块开发的原理。所以，今天下午花了1个多小时的时间专门聊了下，主要对自己一直困扰的一些问题进行了沟通。

1、vue开发环境，需要安装node.js和npm。node.js相当于是一个用JavaScript编写的前端代码解析器，专门把vue代码解析成html给浏览器去展示。以前前后端不分离的时候，前端只需要html+js就可以进行开发，因为浏览器就可以解析js代码，但是现在不行。需要一个node.js服务器对vue代码进行解析才能让浏览器去展示出来。而npm是一个包管理工具，可以下载vue、element等各类前端组件，在前端开发时，只需要引用这些组件即可。

2、vue组件：一般包括几个部分：首先是template，这是主体部分，定义了页面元素，内部一般包括一个总体的div，然后按照模块布局嵌套多个div。其次是script部分，主要用于处于和后端的交互以及对template中元素的处理（渲染），比如把请求后的返回结果赋值给页面元素；最后是页面布局样式定义部分，可以根据class对特定的元素进行设置。

3、双向绑定。通过将template中的元素绑定某个变向，当这个变量无论何时被修改值时（比如通过script进行操作），都可以同步地更新页面的展示。

4、一般一个系统的前端vue放在一个项目，不同的页面分开用文件夹存放。页面中部分内容需要更新时，都采用局部刷新的方式完成，可以是调用script处理函数，也可能是直接调用其他页面组件实现。

5、针对xmind在线插件进行定制化改造，需要在线发布组件，然后通过npm重新下载才能在项目中进行引用。