北栀女孩儿

摘要： 1、背景 2、基本使用 定义返回按钮： <el-button type="primary" plain @click="returnPage">{{$t('message.test.return')}}</el-button> 在methods中定义方法： /** * [returnPage 返回按 阅读全文

摘要： 1、基本使用 第一种常用写法：导航菜单与 router-view 的配合使用 将所用的导航菜单数据编写成一个数组的形式，提高维护性； 在utils工具文件夹中建立utils.js文件； import merge from 'webpack-merge' /** * 工具类Class */ class 阅读全文

摘要： 一、简介 Web前端模块化：HTML模块化、CSS模块化以及JS模块化三个部分； 二、CSS模块化背景 对于小型项目来说，css的量还不至于庞大，问题没有凸显，而如果要开发和持续维护一个较为大型的项目，那就需要对css进行管理和规范了，否则会发生不可挽回的后果（吓唬谁呢？？）。 .dossierLi 阅读全文

摘要： 1、项目的基本创建（官方文档：https://cli.vuejs.org/zh/guide/） 安装@vue/cli 1、卸载vue-cli 2.x版本 npm uninstall vue-cli -g 2、安装@vue/cli 3.x版本 npm install -g @vue/cli3、查看版本 阅读全文

摘要： 1、安装 npm/cnpm 全局安装 : cnpm install webpack@3.5.3 -g （4.0以上版本坑比较多，新手建议安装3.0版本） 版本号webpack -v 局部安装(在使用webpack的文件夹下) : 好处：可以在不同的项目中使用不同的webpack版本 a : 初始化仓 阅读全文

摘要： 1、背景 2、实现 思路：我们希望在代码当中增加判断语句，即判断是否为生产环境，在开发环境下采用相对路径下的内容，而在开发环境下采用动态路径下传入的内容（不可为相对路径，否则打包出现错误）； 动态设置标题 data.json文件 { "platName" : [ { "courtName" : "某 阅读全文

摘要： 1、安装 2、基本使用 安装成功后，在package.json里面增加以下内容 在相应的Vue组件中引入qrcode插件 import QRCode from "qrcodejs2"; 在html中增加相应的DOM结构 <div id="qrcode"></div> 在methods定义方法 /** 阅读全文

摘要： 1、vue-router 安装方式 基本使用 概念： 后端路由：根据不同的url返回不同的内容(node) 前端路由：根据不同的hash返回不同的组件（Vue生成的项目叫做单页应用（SPA）,单页面应用的特点就是可以在改变URL不重新请求页面的情况下更新页面视图。） 类型： 一、经常使用，无兼容性问 阅读全文

摘要： 1、组件的定义 组成： template：包裹HTML模板片段（反映了数据与最终呈现给用户视图之间的映射关系） 只支持单个template标签； 支持lang配置多种模板语法； script：配置Vue和载入其他组件或者依赖库 只支持单个script标签； 支持通过import方式载入其他.vue后 阅读全文

摘要： 1、实例属性 组件树访问 $parent > 用来访问当前组件实例的父实例； $root > 用来访问当前组件树的根实例，如果当前组件没有父实例，则$root表示当前组件实例本身； $children > 用来访问当前组件实例的 直接 子组件实例； $refs > 用来访问使用了v-ref指令的子组 阅读全文