本篇我们将学习简单的json数据的存储，首先我们需要引入json模块：import json这里我们模拟一个常见常见，我们让用户输入用户名、密码，在密码输入完成后提示用户再次输入密码来确认自己的输入，如果两次密码一致，那么我们将用户名和密码以json格式写入文件，否则提示用户再次输入密码。name = input("please enter your name:&quot

和JavaScript的条件语句一样，vue的条件指令可以根据表达式的值在dom中渲染或者销毁元素/组件,常用的条件指令有：v-ifv-else-ifv-else其中v-if可以单独使用，v-else-if必须紧跟v-if，v-else必须紧跟v-else-if或者v-if。当表达式的值为true时，当前元素/组件及所有的子节点都将会被渲染，反之被移除。如果一次判断的是多个元素...

从今天开始，我们开始学vue+express+mongodb+node从头开始构建一个完整的项目，至于完成一个什么样的项目，说实话我还没有想好，如果大家有特别的想法，我们可以一起交流学习。Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架，为 Web 和移动应用程序提供一组强大的功能。我们可以通过npm和yarn进行安装：npm install express...

效果图：页面布局：<div id="shop_car"><section class="car_main"><!--顶部列表--><div class="c

我们对于slot这个概念或许不是很清楚，但是我们在实际的使用中可能已经遇到很多次了。比如我们在使用ivew组件库的时候，就会经常遇到slot这个单词。而实际上，slot的使用更多的是用于独立组件的开发，在加上前面我们了解过的props和events事件，这3个东西可以完成vue中各种复杂的组件。slot我们中文的翻译是插槽，举个例子，我们中秋节都会吃月饼吧，可是月饼的样子也可能是千奇百怪的，所用.

数据绑定就是将页面的数据和视图关联起来，当我们的数据变化的时候，视图可以自动更新。插值文本插值是数据绑定的最基本形式，使用双花括号“{{ }}”,这种语法在Vue里面也称之为Mustache语法。<div id="app">{{content}}</div><script src="h...

在前面的基础上，我们首先实现后台管理的登录逻辑。我们使用的是Express+vue进行实现，后面的文章也一样。创建名为manager的项目，用来实现后台管理。创建client项目，用来实现前端。整个工程的结构如下：在这里我们使用Axios来实现后台数据请求，Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。安装使用：yarn add axio...

我们来看下常见的下拉菜单：这里我们点击菜单，下拉菜单就会显示，点击下拉菜单以外的区域就会隐藏。这是一个简单的例子：这里增加一个选项，就是当我们按下esc键的时候，下拉菜单也可以关闭。先贴出代码：<template><div v-cloak v-clickoutside="outsideClose" class="dropmai

Electron Forge 是一个用来构建现代化Electron应用的完善的工具。 Electron Forge将多个现有的（ 且有稳定维护的 ）Electron构建工具整合为一个简单易用的工具包，所有人都可以用它来快速地搭建Electron开发环境。其中forge支持的框架模版可以参考下面的网址：https://electronforge.io/templates使用yarn安装e...

本篇文章我们通过以前学习过的知识来构建一个自己的标签页组件。首先我们创建一个基于vue的项目，我用的IDE是webstorm。创建好的工程目录结构：我们先来分析一下我们需要做哪些工作，常见的标签页就像下面的图片：大家可以看到标签页的最上边是我们的标题区域，而下面则是我们对应的内容区域。第一眼看到这个布局，我就在想这个好像没有什么难度的，标题栏我用v-for渲染出来，下面的内容有几个...