| | | | |

2019年11月22日

摘要：目标：将页面划分为几个功能块，然后进行组合，目的是实现更好的代码复用， Vue的组件化思想：独立，可复用。任何应用都会被抽象成为一个组件树；树形结构组件的使用分为是三个步骤 1创建组件构造器 Vue.extend({}) 2注册组件 Vue.conponent 3使用组件在Vue的实例范围之内阅读全文

posted @ 2019-11-22 19:54 Damocless 阅读(361) 评论(0) 推荐(0)

修饰符

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><div id="app"> <input 阅读全文

posted @ 2019-11-22 19:08 Damocless 阅读(262) 评论(0) 推荐(0)

值绑定

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app">  <select name="ab 阅读全文

posted @ 2019-11-22 18:52 Damocless 阅读(195) 评论(0) 推荐(0)

select 和v-model

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app">  <select name="ab 阅读全文

posted @ 2019-11-22 16:58 Damocless 阅读(1839) 评论(0) 推荐(0)

v-CheckBox

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app">  <label for="agree"></ 阅读全文

posted @ 2019-11-22 16:47 Damocless 阅读(981) 评论(0) 推荐(0)

v-radio

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> <label for="man">男</label> <!--两个中有相同的变量阅读全文

posted @ 2019-11-22 16:25 Damocless 阅读(343) 评论(0) 推荐(0)

表单绑定 v-model

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"><!-- <input type="text" v-model="message" 阅读全文

posted @ 2019-11-22 16:11 Damocless 阅读(223) 评论(0) 推荐(0)

高阶函数 filter map reduce

摘要： const app=new Vue({ el:'#app', data:{ books:[{ id:1, name:"算法导论", data: '2006-1', price:39.00, count:1 },{ id:2, name:"算法导论", data: '2006-1', price:39 阅读全文

posted @ 2019-11-22 15:44 Damocless 阅读(175) 评论(0) 推荐(0)

小案例购物车

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="index.css"></head><body><div id='app'> 阅读全文

posted @ 2019-11-22 14:42 Damocless 阅读(118) 评论(0) 推荐(0)

点击显示红色小案例 vue

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js" type="text/javascript"></script> <style type="t 阅读全文

posted @ 2019-11-22 13:31 Damocless 阅读(638) 评论(0) 推荐(0)

2019年11月22日

公告