随笔分类 -  Vuejs初步学习

摘要:安装axios npm install axios --save axios使用 axios({ url: 'http://123.207.32.32:8000/home/multidata', method: 'get' }).then((res) => { console.log(res); } 阅读全文
posted @ 2021-03-26 20:49 455994206 阅读(97) 评论(0) 推荐(0) 编辑
摘要:组件数据的存放 data属性必须是一个函数 而且这个函数返回一个对象,对象内部保存着数据 将计数器封装为组件 <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title>Untitled</title> </head> 阅读全文
posted @ 2021-03-17 11:49 455994206 阅读(51) 评论(0) 推荐(0) 编辑
摘要:组件的基本使用: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> //3.使用组件 <my-cpn></my-cpn> 阅读全文
posted @ 2021-03-16 22:21 455994206 阅读(50) 评论(0) 推荐(0) 编辑
摘要:v-model是v-on和v-bind的结合 v-model绑定的是value属性的值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id 阅读全文
posted @ 2021-03-16 17:09 455994206 阅读(18) 评论(0) 推荐(0) 编辑
摘要:普通for循环 <script> const app=new Vue({ el : '#app', data: { prices: [85, 25.25, 45, 36.1] }, computed: { totalPrice() { let total = 0 for(let i=0;i<this 阅读全文
posted @ 2021-03-16 16:40 455994206 阅读(17) 评论(0) 推荐(0) 编辑
摘要:computed默认调用的是getter方法,不能传参,想要传递参数得用setter设置好再用getter取 这里还可以用methods <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</titl 阅读全文
posted @ 2021-03-16 14:55 455994206 阅读(53) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示