vue.js
张高伟
人生最美的是相遇,最难得的是相逢!
展开
-
Vue 开发|文件目录结构部署
基于 vue-cli 脚手架生成项目模板基础上做了些改动,加入了 vue-router ,vuex 等配套设施,本地 dev server 中加入了接口 mock 功能,还增加一个 build server 来预览 build 结果页面,前后端通过 spa 的方式实现分离,并相应做了分离后的联调,部署方案。在这里俺也对整个过程简单做个介绍吧。目录结构 ├── index.html转载 2017-11-22 16:54:48 · 337 阅读 · 0 评论 -
vue.js安装过程(npm安装)
一、开发环境vue推荐开发环境:Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言npm: Nodejs下的包管理器。webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli: 用户生成Vue工程模板二、环境搭建安装node.js: 1转载 2017-11-22 16:29:11 · 483 阅读 · 0 评论 -
Vue2.0中的transition组件
使用transition完成任何元素进入/离开的过渡组件需要满足下列条件条件渲染(v-if) 条件展示(v-show) 动态组件 组件根节点Elample ...转载 2018-09-18 15:20:56 · 248 阅读 · 0 评论 -
vue2.0之axios使用详解
axios基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用 功能特性在浏览器中发送 XMLHttpRequests 请求 在 node.js 中发送 http请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 自动转换 JSON 数据 客户端支持保护安全免受 XSRF 攻击 浏览器支持 安装使用 bo...转载 2018-09-13 13:54:51 · 442 阅读 · 0 评论 -
lodash库减少vue watch鉴定axios后台请求的压力
<script src="vue.js"></script><script src="node_modules/axios/dist/axios.js"></script><script src="node_modules/lodash/lodash.js"></script>原创 2018-09-13 14:19:10 · 314 阅读 · 0 评论 -
vue内置指令与自定义指令
一、内置指令1、v-bind:响应并更新DOM特性;例如:v-bind:href v-bind:class v-bind:title v-bind:bb2、v-on:用于监听DOM事件; 例如:v-on:click v-on:keyup3、v-model:数据双向绑定;用于表单输入等;例如:<input v-model="message">4、v-show:条件...转载 2018-09-18 17:18:41 · 277 阅读 · 0 评论 -
Vue命令行工具vue-cli
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目 。本文将详细介绍Vue命令行工具vue-cli 概述 Vue-cli是Vue官方提供的用于初始化Vue项目的脚手架工具。使用Vue-cli有以下几大优势 1、Vu...转载 2018-09-18 18:01:37 · 1218 阅读 · 0 评论 -
vue -- 如何去掉url默认的锚点#
项目的url中会自带#,看起来很不是舒服,其实是vue-router在搞怪,router跳转有两种实现方式:1. hash(带#)值模式,vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载;history模式,如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 hi...转载 2018-09-19 17:30:28 · 974 阅读 · 0 评论