文档章节

Vue Demo 示例

千一
 千一
发布于 2016/10/03 22:03
字数 295
阅读 279
收藏 0

Vue Demo

环境需求

nodejs >= 8.0.0
npm >= 5.0.0yarn >= 1.0.0

IIS Nginx 等Web服务器

附录

github: Vue Demo

插件简介

"webpack": "4.16.*", // webpack打包工具
"webpack-cli": "3.0.*", // webpack命令行工具
"webpack-merge": "4.1.*", // 合并函数
"webpack-livereload-plugin": "2.1.*", // 浏览器自动刷新

"@babel/core": "~7.0.0-beta", // babel核心
"@babel/preset-env": "~7.0.0-beta", // JavaScript环境预设
"@babel/register": "~7.0.0-beta", // require hook
"@babel/plugin-syntax-dynamic-import": "~7.0.0-beta", // import 动态加载

"vue": "2.5.*", // Vue 框架
"vue-template-compiler": "2.5.*", // Vue 模板编译器
"vue-router": "3.0.*", // Vue 路由组件
"vuex": "3.0.*", // Vue 集中式状态管理架构

"vue-loader": "15.2.*", // webpack Vue 加载器
"babel-loader": "~8.0.0-beta", // webpack babel 加载器
"css-loader": "1.0.*", // webpack css 加载器(处理CSS文件中的url()等)
"postcss-loader": "2.1.*", // webpack postcss 加载器
"pug-plain-loader": "1.0.*" // webpack Pug 加载器

"postcss-preset-env": "5.2.*", // css预设
"pug": "2.0.*", // Pug 模板引擎
"normalize.css": "8.0.*" // 样式初始化(非必要,可选)(如未安装次插件请删除/src/app.vue中的导入代码)

编译

// 开发环境
yarn run dev  
或
npm run dev

// 生产环境
yarn run build  
或
npm run build

运行

// 开发环境
http://domain?env=dev

// 生产环境
http://domain

© 著作权归作者所有

千一
粉丝 2
博文 6
码字总数 1831
作品 0
台州
程序员
私信 提问
拭目以待/GridManager-Vue

GridManager Vue 基于 Vue 的 GridManager 封装, 用于便捷的在 Vue 中使用GridManager. 除过Vue特性外,其它API与GridManager API相同。 API 该文档为GridManager的文档,除了中存在差异外,...

拭目以待
2018/06/06
0
0
Vue 表格组件 GridManager Vue

GridManager Vue 基于 Vue 的 GridManager 封装, 用于便捷的在 Vue 中使用GridManager. 除过Vue特性外,其它API与GridManager API相同。 实现功能 宽度调整: 表格的列宽度可进行拖拽式调整 ...

baukh789
04/07
0
0
浅析Vue.js 中的条件渲染指令

1 应用于单个元素 Vue.js 中的条件渲染指令可以根据表达式的值,来决定在 DOM 中是渲染还是销毁元素或组件。 html: <div id="app"><p v-if="type===1">拌面</p><p v-else-if="type===2">扁肉......

开元中国2015
2018/12/11
28
0
Vue 动态生成表单组件 - vue-generate-form

简介 Vue动态生成表单组件 可以根据数据配置表单 使用的UI库是iView 在Vue里 一般要用到什么组件或数据 都得提前声明 所以要根据数据来生成表单 只能使用Vue的render函数 要做这一个组件 其实...

谭光志
2018/12/28
3.2K
4
用vue-cli3从0打造一个完整的UI库

前言 本文旨在给大家提供一种构建一个完整UI库脚手架的思路:包括如何快速并优雅地构建UI库的主页、如何托管主页、如何编写脚本提升自己的开发效率、如何生成CHANGELOG等等,这里提供了一个D...

ShuaiKangZhang
03/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

nginx学习之模块

1、 stub_status模块: 用于展示nginx处理连接时的状态。 配置语法如下: Syntax:stub_status;Default:默认没有配置Context:server、location 可以编辑default.conf,加上如下配置: ...

码农实战
51分钟前
4
0
MySQL,必须掌握的6个知识点

目录 一、索引B+ Tree 原理 MySQL 索引 索引优化 索引的优点 索引的使用条件 二、查询性能优化使用 Explain 进行分析 优化数据访问 重构查询方式 三、存储引擎InnoDB MyISAM 比较 四、数据类...

李红欧巴
55分钟前
4
0
堆”和“栈

C++作为一款C语言的升级版本,具有非常强大的功能。它不但能够支持各种程序设计风格,而且还具有C语言的所有功能。我们在这里为大家介绍的是其中一个比较重要的内容,C++内存区域的基本介绍。...

SibylY
今天
4
0
总结:Https

一、介绍 简单理解,https即在http协议的基础上,增加了SSL协议,保障数据传输的安全性。 它由以前的http—–>tcp,改为http——>SSL—–>tcp;https采用了共享密钥加密+公开密钥加密的方式 ...

浮躁的码农
今天
6
0
数据库表与表之间的一对一、一对多、多对多关系

表1 foreign key 表2 多对一:表 1 的多条记录对应表 2 的一条记录 利用foreign key的原理我们可以制作两张表的多对多,一对一关系 多对多: 表1的多条记录可以对应表2的一条记录 表2的多条记...

Garphy
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部