Vuejs基础教程

开始折腾vuejs了,基础的先一遍过以下,目前是用的引入vue.js的方式学习,我们来看看一些基础的方法吧v-for方法,这个方法是用来循环渲染数据到dom上,我们来看看例子<div id="app">    <ul>        <li v-for="d in ds" ><a :hre...

阅读全文

Vue2.0使用axios发送请求

在Vue1.0的时候有一个官方推荐的ajax插件 vue-resource,但是自从Vue更新到2.0之后,官方就不再更新vue-resource。axios基于Promise的HTTP请求客户端,可同时在浏览器和node.js中使用功能特性在浏览器中发送XMLHttpRequests请求在node.js中发送http请求支持PromiseAPI拦截请求和响应转换请求和响应数据自动转换JSON数据客户端支持保护安全免受XSRF攻击入方式:$ npm install a...

阅读全文

windows下vue.js安装过程(npm安装)

一、开发环境vue推荐开发环境:Node.js:javascript运行环境(runtime),不同系统直接运行各种编程语言npm:Nodejs下的包管理器。webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli:用户生成Vue工程模板二、环境搭建安装node.js: 1.从node.js官网下载并安装node,安装过程很简单。 2.npm版本需要大于3.0,如果低于此版本需要升级它:# 查看版本$ npm&...

阅读全文

Vue与后端数据交互之vue-Resource详解

单来说,vue-resource就像jQuery里的$.ajax,用来和后端交互数据的。可以放在created或者ready里面运行来获取或者更新数据...vue-resource文档:https://github.com/vuejs/vue-resource/blob/master/docs/http.md结合vue-routerdata(){    return{      toplist:[],   &nbs...

阅读全文

vue和数据库交互axios基本用法

vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,前一段时间用了一下,现在说一下它的基本用法。首先就是引入axios,如果你使用es6,只需要安装axios模块之后import axios from 'axios';//安装方法npm install axios//或bower install axios当然也可以用script引入<script src="https://unpkg.c...

阅读全文

利用HBuilder将vue项目打包成移动端app

记录以下自己将webapp打包成移动端app的步骤及问题事先准备,开发完成的webapp项目(也可以利用vue-cli脚手架构建vue模板项目),npmrundev可以正常预览的项目1,将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath:'./'2,执行npmrunbuild之后生成dist文件夹3,打开HBuilder,文件->打开目录,如下图选择刚才生成的dist目录,输入项目名称,点击完成附HBuilder下载地址:http://ww...

阅读全文