vuejs入门小demo-搜索大全

这个demo非常适合入门的同学,不再是简单的todolist。用到的知识点有组件通信,过渡效果,vue-rsource,还有一些基本的vue指令。

先放一张截图:

是不是感觉高端大气上档次呢,演示地址

如何运行:

将项目下载到本地

  1. 安装git
  2. 安装nodejs
  3. 配置node环境变量(百度一下)
  4. 命令行进入本案例目录
  5. 输入命令npm install(最好使用cnpm淘宝镜像)
  6. 输入命令npm run dev

如果感觉本demo对你有用的话,就给棵星星吧github项目地址链接

时间: 2025-01-05 10:48:52

vuejs入门小demo-搜索大全的相关文章

RabbitMQ入门小Demo

一.RabbitMQ:降低主程序线程压力,是一种非阻塞模式的分布式消息队列服务器,由生产者生产到RabbitMQ,消费者消费 二.入门小Demo 1.首先引入rabbitMQ jar包 <dependency> <groupId>com.rabbitmq</groupId> <artifactId>amqp-client</artifactId> <version>3.5.3</version> </dependen

gulp 的入门小Demo

首先需要npm安装所需的模块,我的小demo安装了以下模块 整个项目结构如下 接下来上代码 var gulp = require('gulp'), imagemin = require('gulp-imagemin'), minifycss = require('gulp-minify-css'), uglify = require('gulp-uglify'), rename = require('gulp-rename'), concat = require('gulp-concat'),

Bmob 开发Android程序快速入门--小demo

注册Bmob帐号 在网址栏输入www.bmob.cn或者在百度输入Bmob进行搜索,打开Bmob官网后,点击右上角的“注册”,在跳转页面填入你的姓名.邮箱.设置密码,确认后到你的邮箱激活Bmob账户,你就可以用Bmob轻松开发应用了. 网站后台创建应用 登录账号进入bmob后台后,点击后台界面左上角“创建应用”,在弹出框输入你应用的名称,然后确认,你就拥有了一个等待开发的应用. 获取应用密钥和下载SDK 选择你要开发的应用,点击该应用下方对应的“应用密钥” 在跳转页面,获取Application

gulp安装+一个超简单入门小demo

gulp安装參考.gulp安装參考2. 一.NPM npm是node.js的包管理工具.主要功能是管理.更新.搜索.公布node的包. Gulp是通过npm安装的. 所以首先,须要安装node.js.而且升级npm到最新版本号. 安装nodeJS 基本參考传送门戳这里:安装nodeJs.安装nodeJs2.nodeJs下express的安装到执行 1.    从nodejs.org下载最新的nodejs安装包.并安装. 2.    进入nodejs的安装路径下: 天真的以为这样就能够了. wat

FastDFS简单入门小demo

图片上传 需要引入 FastDFS 相关的jar包,但是这个jar没有在中央仓库,所以还得需要找到这个jar手动安装到自己的本地仓库才能使用. 需要一个配置文件   fdfs_client.conf 需要一个 FastDFS 服务器 看代码: fdfs_client.conf # connect timeout in seconds # default value is 30s connect_timeout=30 # network timeout in seconds # default v

1.Django入门小Demo

1.Django安装 (1)前提:已安装python环境 (2)打开命令行输入:pip install Django==2.1.3 (3)打开Pycharm,在File--Setting--Project Interpreter,点击右上角的+,搜索Django进行安装 2.安装成功验证 (1)输入以下代码 import django print(django.VERSION) (2)查看结果,若有输入则表示安装成功 3.Django案例 (1)新建项目,在python的路径下,找到Lib\si

vuex-第一课 小Demo

http://jspang.com/2017/05/03/vuex/  原文链接 我们还是利用vue-cli 的webpack生成我们的项目结构,如果你对vue-cli的知识不了解,可以花二三十分钟去看一下这个视频教程:http://jspang.com/2017/04/10/vue-cli/  .项目目录生成后,引入我们的Vuex插件. 引入vuex 1.利用npm包管理工具,进行安装 vuex.在控制命令行中输入下边的命令就可以了. 1 npm install vuex --save 需要注

模仿京东顶部搜索条效果制作的一个小demo

最近模仿京东顶部搜索条效果制作的一个小demo,特贴到这里,今后如果有用到可以参考一下,代码如下 1 #define kScreenWidth [UIScreen mainScreen].bounds.size.width 2 #define kScreenHeight [UIScreen mainScreen].bounds.size.height 3 4 #import "mainViewController.h" 5 6 @interface mainViewController

Lucene建立索引然后搜索的小Demo

package junitTest; import java.io.IOException; import java.io.StringReader; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.TokenStream; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.luce