JavaEE框架整合开发创新·协作·分享TIPCC教案第十四章Vue3基础授课教师：陈恒大连外国语大学TIPCC教案本章目标1.了解Vue3的生命周期2.掌握组件及自定义指令的原理3.掌握计算属性及监听器的用法4.掌握Vue3的安装方法2TIPCC教案本章内容314.1安装Vue314.2使用VisualStudioCode开发第一个Vue程序14.3插值与表达式14.4计算属性和监听器14.5指令14.6在Vue中动态使用样式14.7组件14.8自定义指令TIPCC教案14.1安装Vue314.1.1本地独立版本方法14.1.2CDN方法14.1.3NPM方法14.1.4命令行工具（CLI）方法4TIPCC教案14.1.1本地独立版本方法可通过地址“https://unpkg.com/vue@next”将最新版本的Vue.js库（vue.global.js）下载到本地，编写本书时，最新版本是3.0.5。然后，在页面上引入Vue.js库，示例代码如下：5TIPCC教案14.1安装Vue314.1.1本地独立版本方法14.1.2CDN方法14.1.3NPM方法14.1.4命令行工具（CLI）方法6TIPCC教案14.1.2CDN方法读者在学习或开发时，在页面上可通过CDN（ContentDeliveryNetwork，内容分发网络）引入最新版本的Vue.js库。示例代码如下：对于生产环境，建议使用固定版本，以免因版本不同带来兼容性问题，示例代码如下：7TIPCC教案14.1安装Vue314.1.1本地独立版本方法14.1.2CDN方法14.1.3NPM方法14.1.4命令行工具（CLI）方法8TIPCC教案14.1.3NPM方法在用Vue.js构建大型应用时推荐使用NPM安装最新稳定版的Vue.js，因为NPM能很好地和webpack模块打包器配合使用。示例如下：$npminstallvue@next9TIPCC教案14.1安装Vue314.1.1本地独立版本方法14.1.2CDN方法14.1.3NPM方法14.1.4命令行工具（CLI）方法10TIPCC教案14.1.4命令行工具（CLI）方法Vue.js提供一个官方命令行工具（VueCLI），为单页面应用快速搭建繁杂的脚手架。对于初学者不建议使用NPM和VueCLI方法安装Vue.js。NPM和VueCLI方法的安装过程，将在本书后续内容中介绍。11TIPCC教案本章内容1214.1安装Vue314.2使用VisualStudioCode开发第一个Vue程序14.3插值与表达式14.4计算属性和监听器14.5指令14.6在Vue中动态使用样式14.7组件14.8自定义指令TIPCC教案14.2使用VisualStudioCode开发第一个Vue程序14.2.1安装VisualStudioCode及其插件14.2.2创建第一个Vue...
