✈ 正在努力 の 寒江（StudiousTiger) ✌ 呐 ✈

文章目录一、什么是vue router二、vue router的安装三、vue router的使用第一步：依赖组件的搭建第二步：路由配置文件的创建于配置第三步：在App.vue中使用路由一、什么是vue routerVue Router 是 Vue.js (opens new window)官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js

文章目录一、什么是webpack二、安装webpack三、webpack核心配置文件（webpack.config.js）介绍四、使用webpack一、什么是webpackWebPack可以看做是模块打包工具，不同的css，不同的js就是一个模块。我们通常会将一个页面对应的css和js代码写成独立的一个一个的文件，这些文件就可以被看做是一个一个的模块。webpack做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等

文章目录一、二、三、四、五、六、一、二、三、四、五、六、

文章目录一、二、三、四、五、一、二、三、四、五、

文章目录一、什么是组件二、为什么需要组件三、创建一个组件四、组件的复用五、通过 Prop 向子组件传递数据六、通过插槽分发内容七、动态组件八、注意事项一、什么是组件所谓的组件，其实就是我们通过vue自定义的一些标签。在自定义的标签中，其实已经封装好了一些自定义的特定的HTML代码。你也许会疑问，为什么要特意的将HTML代码封装起来。其实是这样的，我们使用组件一方面可以减少HTML的代码（视觉上是这样的），另一方面可以极大的提高代码的复用。你可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它

文章目录一、条件二、循环三、处理用户输入选择四、常用事件一、条件v-if：用于判断，可以决定所作用的标签是否显示。<div id="app01"> <p v-if="seen">现在你看到我了，我是true</p></div>var app = new Vue({ el: '#app01', data: { seen: true }})v-else-if ：对，没错就是else ifv-else：就是 els

文章目录一、安装CDN地址下载源码二、vue.js插件的安装三、hello vue一、安装直接用 < script> 引入到前端页面中去。CDN地址对于制作原型或学习，你可以这样使用最新版本：<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>对于生产环境，我们推荐链接到一个明确的版本号和

文章目录一、vue是什么二、vue的优点三、什么是MVVM设计模式四、什么是数据驱动（双向数据绑定）五、什么是虚拟DOM一、vue是什么Vue是一套用于构建用户界面的渐进式的JavaScript框架。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。采用的是MVVM设计模式。二、vue的优点 体积小:压缩后只有33k。 运行效率：基于虚拟DOM。虚拟DOM是一种可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化的技术。 双向数