- 博客(86)
- 收藏
- 关注
RSS订阅原创 vue的route路游-界面导航-一级路游
body{ background-color:#E8E8E8 ; } 梦起航 默认会被渲染成一个 `` 标签 -
2017-11-23 22:14:49
350
原创 vue的route路游-界面导航-多级路游
body{ background-color:#E8E8E8 ; } 梦起航 默认会被渲染成一个 `` 标签 -
2017-11-23 22:14:11
450
原创 vue 的局部组件
//创建组件构造器 let Profile=Vue.extend({ template:' 今天已经是冬天了' }) let Profile2=Vue.extend({ template:' vvvvvvvvvvvvvv' }) //创建一个全局的组件// Vue.component('runoob', Profile) new
2017-11-23 22:14:01
363
原创 vue的匿名插槽
Slet插槽--实现内容的分发vv不过 这是一个花姑娘 插槽的头部 可以替换任何一个标签 插槽的尾部 Vue.component( 'my-slot',{ temp
2017-11-22 17:03:07
407
原创 vue的自定义主键
自定义事件：on监听事件和emit触发事件!DOCTYPE html> 所有按钮一共点击了{{totalcount}}次 点击了{{counter}}次 Vue.component( 'my-btn',{
2017-11-22 16:26:33
2162
原创 vue的父子构造器
//创建子组件构造器 let child1= Vue.extend({ template:'' }) let child2=Vue.extend({ template:' ' }) //创建一个父级的组件 Vue.component('child' ,child1) Vue.component('parent' ,{compo
2017-11-22 15:08:05
222
原创 vue的template标签
我是刘洋 // Vue.component('child' ,child1) Vue.component('my-div',{template:'#my_div'}) new Vue({ el:'#app' })
2017-11-22 15:06:56
4084
原创 vue的script和template用法一样
我是刘洋 // Vue.component('child' ,child1) Vue.component('my-div',{template:'#my_div'}) new Vue({ el:'#app' })
2017-11-22 15:06:16
2862
原创 vue 的data属性
我是刘洋 {{message}} // Vue.component('child' ,child1) Vue.component('my-div',{template:'#my_div',data(){//必须是函数在component里面 return{message:"啛啛喳喳错错错错"} }
2017-11-22 15:05:34
2423
原创 vue的data为何是个函数
首先他只有是函数才可以是一个独立的对象 点击次数{{counter}} // Vue.component('child' ,child1) Vue.component('my-div',{template:'#my_div',data(){//必须是函
2017-11-22 15:04:29
656
原创 vue的主键和子主键的传播props
{{message}} // Vue.component('child' ,child1) Vue.component('my-div',{template:'#my_div',props:['message','imgsrc'] }) new Vue({ el:'#app'
2017-11-22 15:03:51
1173
原创 vue的多层主键的通信
{{title}} let Child1=Vue.extend({ template:'#my_img', props:['imgsrc'] }) let Child2=Vue.extend({ template:'#my_title', props:['title'] })
2017-11-22 15:03:27
540
原创 vue的全局主键
//创建组件构造器 let Profile=Vue.extend({ template:' 今天已经是冬天了' }) //创建一个全局的组件 Vue.component('runoob', Profile) new Vue({ el:'#app' }) new Vue({ el:'#app1'
2017-11-21 15:15:42
1420
原创 vue的v-for小练习表单
table{ width:800px; border: 1px solid darkorange; text-align: center; } thead{ background-color: orange; } 姓名
2017-11-21 13:12:47
601
原创 vue的v-text和v-html
{{msg}} 哈哈 new Vue({ el:'#app', data:{ msg:'今天是一个好天气', html:' ' } })
2017-11-21 13:12:16
668
原创 vue的bind练习
.active{ background-color:orange; font-size: 20px; color: #fff; } {{college}} new Vue({ el:'#app', data:{
2017-11-21 13:11:33
448
原创 vue的v-on
.active{ background-color:orange; font-size: 20px; color: #fff; } {{msg}} 学习 xx xbbbbbx new Vue({ el:'#app',
2017-11-21 13:11:03
233
原创 vue的小练习
#app { margin: 50px auto; width: 500px; } fieldset{ border: 1px solid orange; } fieldset input{ width: 400px; height: 30px; margin: 10px 0; } table{ width: 500
2017-11-21 13:10:24
200
原创 vue.js计算属性
#app { margin: 50px auto; width: 500px; } fieldset{ border: 1px solid orange; } fieldset input{ width: 400px; height: 30px; margin: 10px 0; } table{ width: 500
2017-11-21 13:10:00
407
原创 vue的计算属性的set方法--几乎不用，了解就行
#app { margin: 50px auto; width: 500px; } fieldset{ border: 1px solid orange; } fieldset input{ width: 400px; height: 30px; margin: 10px 0; } table{ width: 500
2017-11-21 13:09:08
2575
原创 vue的解构
1:数据的渲染/数据的同步:2：组件化/模块化3：其他功能：路游、ajax、文档流vue.js学习资源vue.js中文官网-http://cn.vuejs.org/vuejs源码-http://github.com/vuejs/vuevuejs官方工具-https://github.com/vuejs
2017-11-21 13:07:27
1771
原创 vue的v_for
{{index+':'+score}} {{f+':'+index}} new Vue({ el:'#app', data:{ s:[90,67,5,6,44,33,52,24,87,90,93,64], dog:{name:'旺财',age:3,heigh
2017-11-18 11:39:03
196
原创 vue的v_if小练习
请输入成绩然后会显示对应的等级 =90">优秀 =75">良 =60">合格 不合格 190'>{{height}} new Vue({ el:'#app', data:{ s:71, height:180 } })
2017-11-18 11:10:48
237
原创 vue的v_else
必须和v-if 一起用才行； 要显示出来 不要显示出来--> 171">小明身高{{height}} xxx-->//中间不可以添加东西，不然会报错，if和else 要链接使用 小明身高不足171 new Vue({ el:'#app', data:{ show:true,
2017-11-18 10:46:01
742
原创 vue的v_show
要显示出来 不要显示出来 180">小明身高{{height}} new Vue({ el:'#app', data:{ show:true, hide:false, height:170 } }) v_if和v_show其实用法是一样的，只是v_if的处理方式是直接把不需要的注释掉，而v_sho
2017-11-18 10:37:27
330
原创 vue的v_if
要显示出来 不要显示出来 new Vue({ el:'#app', data:{ show:true, hide:false } })
2017-11-18 10:17:49
193
原创 vue的v_once
fgffd{{msg}} 对对对{{msg}} new Vue({ el:'#app', data:{ msg:'今天的天气很好' } })
2017-11-18 10:12:38
682
原创 vue_的基本格式
fgffd{{msg}} 对对对{{msg}} new Vue({ el:'#app', data:{ msg:'今天的天气很好' } })
2017-11-18 10:07:25
819
原创 ES6_class语法糖
//1:构造函数 /** function Person(name,age){ this.name=name; this.age=age; } Person.prototype={ constructor:Person, pint(){ console.log('我叫'+this.name+'今年'+this.age+'岁'); } }
2017-11-18 01:02:21
403
原创 ES6_symbol
//symbol防止名字重复 let str1=Symbol(); let str2= Symbol(); console.log(str1==str2)//false console.log(typeof str1); console.log(typeof str2) //描述 let str3=Symbol('name'); let str4=Symbol('name');
2017-11-18 00:42:55
150
原创 ES6_数据结合map
//一：创建一个集合，基本用法可以用来去重 let obj1={a:1},obj2={b:2},obj3={}obj3.name='天空';obj3[obj1]='李四';obj3[obj2]='王五';console.log(obj1.toString())//[object Object]console.log(obj2.toString())//[object Obj
2017-11-17 23:30:48
188
原创 ES6_数据结合set
//一：创建一个集合，基本用法可以用来去重 let set=new Set(['张三','李四','王五','张三','李四']); console.log(set); //二：创建一个属性、 console.log(set.size)//3 //四个方法 //add con
2017-11-17 22:22:51
118
原创 ES6_结构赋值
//基本用法 let [name,age,sex]=['李四',18,'女'] console.log(name); console.log(age); console.log(sex) //基本用法 // let [name,age,sex]=['李四',18,'女']// console.log(na
2017-11-17 21:50:02
208
原创 vue的结构
vue的结构:1:数据渲染/数据同步2;:组件化/模块化3其他功能：ajax/路由/数据流常用的Vue.js官网vuejs中文官网http://cn.vuejs.org/vuejs源码https://githup.com/vuejs/vuevuejs官方工具https://githup.com/vuejs
2017-11-17 10:17:51
254
原创 this的指向
var name='window'; var obj={ name:'vvvv', say:function(){ console.log(this.name); } } var fun=obj.say;// fun.call(window); fun()
2017-10-31 23:25:38
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人