1、我们先来看一下官方的解释key属性主要用在Vue的虚拟DOM算法，在新旧nodes对比时辨识VNodes如果不使用key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改复用相同类型元素的算法，而使用key时，它会基于key的变化重新排列元。

2、简单的vue程序1导入开发版本的vueis 2创建vue实例对象，设置el属性和data属性 3使用简介的模版语法把数据渲染到页面上 vue实例可以使用双标签挂载，不能使用HTML和BODy来进行 vtext 设置标签的文本值 覆盖。

3、1HTMLCSS和JS基础 2了解Node和npm 3webpack可选，vuecli已经封装了打包功能使用Vue的两种方式1直接script标签引入vuejs文件 2基于Node环境创建Vue项目使用vuecli初始化一个Vue项目前端框架与库的区别。

4、vbind语法糖简写方式可写为8计算属性其本质就是属性，包含setter和getter，下面是两种操作实例标签的内容对应vue代码一般为只读属性，所以可以省略set，写成如下形式9von缩写@绑定事件监听器。

5、vuejs的基础语法如下插入文本 Message text 插入html格式的文本，在页面显示为html的格式 Message html 内容不跟随data的变化 Message * text 属性上绑定数据 在中使用js表达式。

6、msgquot欢迎学习vuequot， * flagfalse， * flag1false， str1#39#39 ， * 定义写方法的地方 * methods fnfunctionstr alertstr ， fn1function let str = windowprompt#39选择你喜欢的语言#39 * 使用th。

7、形式参数类型是基本数据类型方法调用时，实际参数把它的值传递给对应的形式参数，形式参数只是用实际参数的值初始化自己的存储单元内容，是两个不同的存储单元，所以方法执行中形式参数值的改变不影响实际参数的值引用传递。

8、在 260 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 即 vslot 指令它取代了 slot 和 slotscope 也就是说我们除了可以通过vslot指令告诉Vue内容要填充到哪一个具名插槽中 还可以通过vslot。

9、vue20文档地址Vue20Vue基础对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vuecli构件项目先按文档顺序最少学习完组件那一章直接在html文件中引入vuejs开始学习，了解vue的基础指令和语法vue的。

10、Vue 项目创建时候的一些基础配置小记CLI 即 @vuecli 全局安装的 npm 包用于终端提供 vue 相关的指令，可用来创建工程启动服务等CLI service 即 @vuecliservice 开发环境的依赖，构建于 webpack 和 webpackdev。

11、掌握基本的vue实用语法就基本可以开始编程了，很多语法或者实际应用都可以在网上搜索得到答案针对vue是通过组件实现页面的内容的，可以关注一些组件基本的知识和组件之间数据的传递与交互掌握之后基本就问题不大了。

12、需要js 和 html 的基础就是最基本的js，ES6，ES5语法，还有html如果这些基础很扎实的话，学起来会很轻松的，加油吧。

13、只有掌握这些基础的语法后面才能一步步的了解问题的所在，继而解决问题在面试开发工程师的过程中，vue相关技术原理也一定是必考点，因此对于想要成为一名前端工程师的人来说，掌握vue技能可谓成为前端工程师的前提。

14、3模板语法Vuejs的模板语法借鉴了Angular和React等框架的优点，并进行了简化和优化，使其更易于理解和使用，通过模板语法，可以快速编写出符合语义的HTML代码，并与组件中的数据进行绑定4响应式更新Vuejs通过监听。

15、Web前端开发技术是一个先易后难的过程，主要包括三个要素HTMLCSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论。