前端
关注
分享
扫一扫
浩瀚云海
初出茅庐，请多指教
展开
-
Vue起步
所用到的IDE是vs Code主要参考：vue教程：https://cn.vuejs.org/v2/guide/项目的目录结构index.html创建一个 index.html 文件，然后通过<script src="https://cdn.jsdelivr.net/npm/vue"></script>引入 Vue： 通过浏览器浏览：效果...原创 2018-11-03 23:06:30 · 113 阅读 · 0 评论 -
Vue起步之事件绑定
1.点击、双击、鼠标事件html：我们可以通过v-on:和@两种方法绑定事件如：<button v-on:click="add(1)">加一岁</button><button @dblclick="add(10)">加两岁</button>add为函数名如无参数可以不写小括号直接add:click如：<button v-原创 2018-11-05 17:30:56 · 215 阅读 · 0 评论 -
一个完整的Vue项目
第一个通过Vue实现前端项目：使用swiper控件：在终端安装vue-awesome-swiper控件npm install vue-awesome-swiper --savegithub网址：https://github.com/surmon-china/vue-awesome-swiper源码：https://github.com/pengpengbhne/Vue...原创 2018-11-10 21:45:22 · 2496 阅读 · 0 评论 -
Vue实现跨域
在脚手架项目中config------>index.js中，配置proxy： proxyTable: { '/apis': { // 测试环境 target: 'http://www.thenewstep.cn/test/testToken.php', // 接口域名 changeOrigin...原创 2018-11-07 17:44:23 · 282 阅读 · 0 评论 -
Vue之路由和http
结束运行的npm在终端进入你的项目里输入：npm install vue-router --save-dev 安装路由引入路由和配置路由：运行结果：npm install vue-resource --save-dev引入VueResourceVue实现简单跨域：https://blog.youkuaiyun.com/qq_35723619/...原创 2018-11-07 16:34:53 · 228 阅读 · 0 评论 -
Vue-生命周期（钩子函数）
参考：https://cn.vuejs.org/v2/guide/instance.html每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期图示 介绍一下几个钩子函数：befo...原创 2018-11-07 15:31:07 · 345 阅读 · 0 评论 -
vue之组件传值
vue组件间的数据传递分为两种：传值和传引用1.传引用将User中的数据拿到app中作为共用数据使用<user v-bind:users="users"></user>方法向子组件传值，子组件通过props:{users:{type:Array,required:true},},接受数据2.父向子传值：在app.js添加： 在ht...原创 2018-11-07 14:36:58 · 232 阅读 · 0 评论 -
Vue之搭建脚手架项目CLI
在搭建脚手架之前我们需要安装node.js和npm，打开dos命令查看node和npm版本安装全局的Vue-cli命令行：npm install --global vue-cli进入的打算存放项目的文件夹下：例如我的：E:\vue\projectvue init webpack 项目名正在下载模板：让你输入项目名：如果你的项目名全是小写字母可以直...原创 2018-11-07 09:10:04 · 259 阅读 · 0 评论 -
Vue起步之实现多对象和组件
1多对象：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Vue.js</title> <link rel="stylesheet" href="demo0原创 2018-11-07 08:36:24 · 238 阅读 · 0 评论 -
Vue起步之demo
这个做个小实例，实现进度条切换图片<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Vue.js</title> <link rel="stylesheet" href原创 2018-11-07 08:30:52 · 217 阅读 · 0 评论 -
Vue起步之动态CSS
1.动态Csshtmlapp04.jscss2.V-ifhtml<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Vue.js</title> <link原创 2018-11-07 08:21:22 · 292 阅读 · 0 评论 -
vue起步之三v-bind数据绑定
设置一个数据为website的值为http://www.baidu.com在html中我们进行绑定通过v-bind:属性名=“键名”如：<a v-bind:href="website">web开发</a> 注意：这里的website没有两个大括号我们在为input绑定<input v-bind:value="name" type="text"&..原创 2018-11-03 23:42:13 · 1119 阅读 · 0 评论 -
vue起步之二methods
给html加入方法/函数我们需要在new Vue 实例化对象中添加methods方法：methods:用于存储各种方法。greet方法名随意取，time是参数。通过this.name，获取实例化对象内部的属性name通过h3调用greet方法运行结果：https://blog.youkuaiyun.com/qq_35723619/article/details/83692449...原创 2018-11-03 23:25:30 · 497 阅读 · 0 评论 -
java+layui实现流加载
我们需要引入jquery和layui使用的依赖js,layui官网：https://www.layui.com/引入依赖文件<script src="js/layui/layui.js" type="text/javascript" charset="utf-8"></script><link rel="stylesheet" href=&原创 2019-02-20 08:37:29 · 3015 阅读 · 1 评论