随笔分类 - Vuejs初步学习
摘要：安装axios npm install axios --save axios使用 axios({ url: 'http://123.207.32.32:8000/home/multidata', method: 'get' }).then((res) => { console.log(res); }
阅读全文
摘要：组件数据的存放 data属性必须是一个函数 而且这个函数返回一个对象，对象内部保存着数据 将计数器封装为组件 <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title>Untitled</title> </head>
阅读全文
摘要：组件的基本使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> //3.使用组件 <my-cpn></my-cpn>
阅读全文
摘要：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
阅读全文
摘要：普通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
阅读全文
摘要：computed默认调用的是getter方法，不能传参，想要传递参数得用setter设置好再用getter取 这里还可以用methods <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</titl
阅读全文
摘要：v-for遍历数组： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> //在遍历过程中，没有使用索引值（下标值） <ul
阅读全文
摘要：v-show的使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2 v-if="isShow">{{messa
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <span v-if="isUser"> <label for="use
阅读全文
摘要：v-if和v-else的使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2 v-if="isShow">{{
阅读全文
摘要：v-on语法糖： v-on:click 等同于 @click 基本使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app">
阅读全文
摘要：1、属性的增强写法 const name = 'why'; const age = 18; const height = 1.88 //原来的写法 const obj = { name: name, age: age, height: height } //增强后写法 const obj = { n
阅读全文
摘要：const： 一旦const修饰的的标识符被赋值之后，不能修改 在使用const定义标识符的时候，必须进行初始化 常量的含义是指向的对象不能修改，但是可以改变对象内部的属性 const obj = { name: 'why' , age: 18 , } const.name = 'kobe';
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{firstName}} {{lastName}}</h2>
阅读全文
摘要：v-bind作用：将属性的值绑定到data的变量上、methods的方法中、computed的计算属性里 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body
阅读全文
摘要：MVVM（Model View ViewModel） Model层： 数据层 数据可能是我们固定的死数据，更多的是来自服务器，从网络上请求下来的数据 View层 视图层 在前端开发中，通常就是DOM层 主要的作用就是给用户展示各种信息 ViewModel层： 视图模型层 视图模型层是View和Mod
阅读全文
摘要：写法一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>当前计数：{{counter}}</h2> <butt
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app">{{message}} {{name}}</div> <script sr
阅读全文
浙公网安备 33010602011771号