liu1992452008的博客http://write.blog.csdn.net/configu

1：只能在当前代码中有效{}2：作用域不会被提升3：不能重复声明4：声明常量必须赋值，不然会报错，不如var a,

{{msg}} 哈哈 new Vue({ el:'#app', data:{ msg:'今天是一个好天气', html:' ' } })

table{ width:800px; border: 1px solid darkorange; text-align: center; } thead{ background-color: orange; } 姓名

//创建组件构造器 let Profile=Vue.extend({ template:' 今天已经是冬天了' }) //创建一个全局的组件 Vue.component('runoob', Profile) new Vue({ el:'#app' }) new Vue({ el:'#app1'

{{title}} let Child1=Vue.extend({ template:'#my_img', props:['imgsrc'] }) let Child2=Vue.extend({ template:'#my_title', props:['title'] })

{{message}} // Vue.component('child' ,child1) Vue.component('my-div',{template:'#my_div',props:['message','imgsrc'] }) new Vue({ el:'#app'

首先他只有是函数才可以是一个独立的对象 点击次数{{counter}} // Vue.component('child' ,child1) Vue.component('my-div',{template:'#my_div',data(){//必须是函

我是刘洋 {{message}} // Vue.component('child' ,child1) Vue.component('my-div',{template:'#my_div',data(){//必须是函数在component里面 return{message:"啛啛喳喳错错错错"} }

我是刘洋 // Vue.component('child' ,child1) Vue.component('my-div',{template:'#my_div'}) new Vue({ el:'#app' })

我是刘洋 // Vue.component('child' ,child1) Vue.component('my-div',{template:'#my_div'}) new Vue({ el:'#app' })

//创建子组件构造器 let child1= Vue.extend({ template:'' }) let child2=Vue.extend({ template:' ' }) //创建一个父级的组件 Vue.component('child' ,child1) Vue.component('parent' ,{compo

自定义事件：on监听事件和emit触发事件!DOCTYPE html> 所有按钮一共点击了{{totalcount}}次 点击了{{counter}}次 Vue.component( 'my-btn',{

Slet插槽--实现内容的分发vv不过 这是一个花姑娘 插槽的头部 可以替换任何一个标签 插槽的尾部 Vue.component( 'my-slot',{ temp

嘻嘻嘻

//创建组件构造器 let Profile=Vue.extend({ template:' 今天已经是冬天了' }) let Profile2=Vue.extend({ template:' vvvvvvvvvvvvvv' }) //创建一个全局的组件// Vue.component('runoob', Profile) new

body{ background-color:#E8E8E8 ; } 梦起航 默认会被渲染成一个 `` 标签 -

.active{ background-color:orange; font-size: 20px; color: #fff; } {{college}} new Vue({ el:'#app', data:{

.active{ background-color:orange; font-size: 20px; color: #fff; } {{msg}} 学习 xx xbbbbbx new Vue({ el:'#app',

#app { margin: 50px auto; width: 500px; } fieldset{ border: 1px solid orange; } fieldset input{ width: 400px; height: 30px; margin: 10px 0; } table{ width: 500

1：只能在当前代码中有效{}2：作用域不会被提升3：不能重复声明

//基本用法 let [name,age,sex]=['李四',18,'女'] console.log(name); console.log(age); console.log(sex) //基本用法 // let [name,age,sex]=['李四',18,'女']// console.log(na

//一：创建一个集合，基本用法可以用来去重 let set=new Set(['张三','李四','王五','张三','李四']); console.log(set); //二：创建一个属性、 console.log(set.size)//3 //四个方法 //add con

//一：创建一个集合，基本用法可以用来去重 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

//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');

//1:构造函数 /** function Person(name,age){ this.name=name; this.age=age; } Person.prototype={ constructor:Person, pint(){ console.log('我叫'+this.name+'今年'+this.age+'岁'); } }

fgffd{{msg}} 对对对{{msg}} new Vue({ el:'#app', data:{ msg:'今天的天气很好' } })

fgffd{{msg}} 对对对{{msg}} new Vue({ el:'#app', data:{ msg:'今天的天气很好' } })

要显示出来 不要显示出来 new Vue({ el:'#app', data:{ show:true, hide:false } })

要显示出来 不要显示出来 180">小明身高{{height}} new Vue({ el:'#app', data:{ show:true, hide:false, height:170 } }) v_if和v_show其实用法是一样的，只是v_if的处理方式是直接把不需要的注释掉，而v_sho

必须和v-if 一起用才行； 要显示出来 不要显示出来--> 171">小明身高{{height}} xxx-->//中间不可以添加东西，不然会报错，if和else 要链接使用 小明身高不足171 new Vue({ el:'#app', data:{ show:true,

请输入成绩然后会显示对应的等级 =90">优秀 =75">良 =60">合格 不合格 190'>{{height}} new Vue({ el:'#app', data:{ s:71, height:180 } })

{{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

#app { margin: 50px auto; width: 500px; } fieldset{ border: 1px solid orange; } fieldset input{ width: 400px; height: 30px; margin: 10px 0; } table{ width: 500

body{ background-color:#E8E8E8 ; } 梦起航 默认会被渲染成一个 `` 标签 -