摘要： # [Vue](https://cn.vuejs.org/)### *渐进式 JavaScript 框架*```通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目```## 一、走进Vue#### 1、what -- 什么是Vue```可以独立完成前后端分离式web项目的JavaScript框架```#### 2、why -- 为什么要学习Vu... 阅读全文

摘要： ```python"""1、vue项目环境： node => npm(cnpm) => vue/cli2、vue项目创建： vue create 项目 在pycharm中配置npm项目启动3、项目目录4、main.js：程序的入口文件 加载vue环境 加载插件环境：路由、仓库、ajax、cookie、element-ui... 加载自定义环境：全局样式（global.css）、全局配置(setti... 阅读全文

摘要： ```python"""vue: 为什么选择vue - 综合其他框架优点，轻量级，中文API，数据驱动，组件化开发，数据的双向绑定，虚拟DO 渐进式js框架 - 选择性控制 - 创建一个vue实例对象，关联一个挂载点 实例成员： el：body，html不能，通常用id，css3选择器语法 data: 数据，字典形式 filters：过滤器函数 fn(a, b) - {{ a | fn(b) }}... 阅读全文

摘要： ```python"""1、vue-router插件 路由跳转： this.$router.push('/path') this.$router.push({name: 'path'}) this.$router.go(-1) this.$router.go(1) 路由传参： 配置：path: '/path/:pk' => 请求：`/path/${pk}` => 取值：this... 阅读全文

摘要： ```python"""1、指令： v-once: {{ msg }} v-cloak: 防止页面加载抖动 v-show：绑定的变量为布尔类型 {{ msg }}，隐藏时，任然在页面中通过display:none渲染 v-if|v-else-if|v-else: 前分支成立会屏蔽后分支，else分支不需要条件 v-if="showBox == 'rBox'" v-for：遍历 字符串: v-... 阅读全文