vue的讲解

讲解分为，介绍vue，vue的安装，webpack打包工具，vue中的页面变成动态页面，ES6的一些常用语法介绍，vue中的页面优化。

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

起步

1.安装

vue的安装有三种方式： 

第一种采用下载.js文件引用script的方式      访问地址：https://vuejs.org/js/vue.js

第二种不下载直接使用CDN                         访问地址：https://www.bootcdn.cn/

第三种不下载直接使用npm（推荐）

关于使用npm构建项目，请访问 https://blog.csdn.net/weixin_42642664/article/details/100143541

2.精简压缩生产环境Webpack工具

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。

下面是我们安装webpack的指令

由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。

使用 cnpm 安装 webpack：

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！