一、安装将Vue.js引入项目中的方法 1、在页面上以CDN包的形式导入——bootcdn官网 制作原型或学习可以使用最新版本script srchttps://unpkg.com/vuenext/script 生产环境下推荐链接到一个明确的版本号和构建文件(避免新版本造成的不可预期的破坏) 2、下载JavaScript文件并自行托管 3、使用npm安装 构建大型应用时推荐使用npm安装能很好地和诸如webpack模块打包器配合使用 #最新稳定版 $npm install vuenext 4、使用官方的CLI构建一个项目二、介绍构建用户界面的渐进式框架 与其它大型框架不同的是Vue被设计为可以自底向上逐层应用 Vue的核心库只关注视图层易于上手便于与第三方库或既有项目整合 当与现代化的工具链以及各种支持类库结合使用时Vue也完全能够为复杂的单页应用提供驱动1、声明式渲染Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统三、Vue生命周期(Vue实例从创建到销毁的过程)Vue生命周期一、组件component1、含义一个自定义元素内部封装了html、css和js代码是可复用的Vue实例2、动态组件在多标签页面中使用is属性切换不同组件——每次切换组件都创建了一个新的currentTabComponent实例 在切换组件时保持组件的状态——避免反复渲染导致的性能问题 keep-alive组件缓存增加组件的复用性 再切回来时用的是缓存组件不再触发生命周期 keep-alive component v-bind:iscurrentTabComponent/component /keep-alive3、异步组件在大型应用中可能需要将应用分割成小一些的代码块且只在需要的时候才从服务器加载一个模块 为了简化Vue有一个defineAsyncComponent方法