![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue学习
Fantasieszyh
这个作者很懒,什么都没留下…
展开
-
Vue学习(9)自定义事件
前端绑定vue 前端绑定组件 通过组件调用vue中的事件 <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head&g.原创 2020-09-12 22:32:07 · 94 阅读 · 0 评论 -
Vue学习(7)计算属性
计算属性是一个能够将计算结果缓存起来的属性(将行为转化为了静态的属性,类似于缓存) currentTime1为方法 currentTime2为计算属性 <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8">原创 2020-09-12 21:22:50 · 121 阅读 · 0 评论 -
Vue学习(6)Axios异步通信
data.json中放json数据 通过钩子函数去读取数据 data.json { "name":"狂神说java", "url": "http://baidu.com", "page": "1", "isNonProfit":"true", "address": { "street": "含光门", "city":"陕西西安", "country": "中国" }, "links": [ { "name": "B站", .原创 2020-09-12 21:07:38 · 117 阅读 · 0 评论 -
Vue学习(5)Vue组件
1.v-for遍历数据 2.v-bind绑定数据 3.props接收参数 4.输出 <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title>原创 2020-09-12 19:43:52 · 70 阅读 · 0 评论 -
Vue学习(4)数据双向绑定
通过v-model实现数据双向绑定 <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body&g原创 2020-09-12 18:42:47 · 85 阅读 · 0 评论 -
Vue 学习(3)Vue绑定事件
方法必须定义在methods对象中,通过v-on绑定 <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> &原创 2020-09-12 18:24:34 · 663 阅读 · 0 评论 -
Vue学习(2)Vue基本语法
绑定元素 <!--view层,模板--> <div id="app"> <span v-bind:title="message"> 显示信息 </span> </div> <script> var vm = new Vue({ el: "#app", //Model:数据 data:{ message:"hello,vu原创 2020-09-09 15:24:54 · 97 阅读 · 0 评论 -
Vue学习(1)第一个Vue程序
1.idea中安装Vue插件 2.导入cdn <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script> demo1.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> &原创 2020-09-09 14:41:09 · 68 阅读 · 0 评论