摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!--原始标签--> <!--<p>列表书籍</p>--> <!-- 阅读全文
posted @ 2021-01-22 21:47 创客未来 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 什么是计算属性? 计算属性的重点突出在 属性 两个字上。简单说就是一个能够将计算结果缓存起来的属性。 计算属性在内存中运行。 计算属性的主要特点就是为了将不经常变化的计算结果进行缓存,以节约我们的系统开销。 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文
posted @ 2021-01-22 21:16 创客未来 阅读(91) 评论(0) 推荐(0) 编辑
摘要: Axios 是一个开源的可以用在浏览器端和Node.js 的异步通信框架,它的主要作用就是实现AJAX异步通信。 npm install axios 引入Axios在线包 <script src="https://unpkg.com/axios/dist/axios.min.js"></script 阅读全文
posted @ 2021-01-22 20:26 创客未来 阅读(89) 评论(0) 推荐(0) 编辑
摘要: Vue.component():注册组件 my-component-li:自定义组件的名字 template:组件的模板 利用 props属性传递参数,默认规则下props属性里的值不能为大写。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <met 阅读全文
posted @ 2021-01-22 19:37 创客未来 阅读(1092) 评论(0) 推荐(0) 编辑
摘要: 1.什么是双向数据绑定 当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。也是vue.js的精髓之处了。 2.在表单中使用双向数据绑定 使用v-model 指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。v-model本质上就 阅读全文
posted @ 2021-01-22 18:08 创客未来 阅读(197) 评论(0) 推荐(0) 编辑
摘要: v-on <!DOCTYPE html> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div 阅读全文
posted @ 2021-01-22 17:31 创客未来 阅读(535) 评论(0) 推荐(0) 编辑
摘要: v-bind <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 阅读全文
posted @ 2021-01-22 17:15 创客未来 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 引入Vue.js <!--引入vue js 外部文件--> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 利用IDEA创建第一给Vue的程序 <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2021-01-22 15:37 创客未来 阅读(149) 评论(0) 推荐(0) 编辑