- 博客(13)
- 收藏
- 关注
RSS订阅原创 var let const的区别
var存在变量提升,未赋值即可声明变量,let const不存在变量提升var num;console.log(num) //undefined或者报错let a = 12 let a = 5console.log(a)var声明的变量会挂载在window上,let const不会var a =100;consoloe.log(a,window.a) //100...
2020-03-07 01:09:08
70
原创 插槽的使用
插槽: 就是将父组件中的子组件模板数据拿到后显示在页面上 一定写在子组件中 没有名字的是默认插槽 具名插槽:<template>是临时性的包裹一下,不会渲染到页面作用域插槽:父组件对子组件的内容进行加工处理其中slot-scope="自定义名字"...
2020-03-02 01:17:02
224
原创 Vue---组件传值
父传子: 1.父组件通过属性将值传递给子组件 2.子组件内部通过props接收传递过来的值 3.props属性名规则在props中使用驼峰命名,html模板中需要使用短横线的形式 字符串形式的模板中没有这个规则 4.props属性值类型子传父:props传递数据原则:单向数据流1.子组件通过自定...
2020-03-01 23:47:02
80
原创 Vue的小小注意点
Vue.use的本质调入被导入插件install的方法,有这个插件,就代表肯定会有一个install方法组件data为什么必须是一个函数因为组件是要实现页面复用,保证多个页面组件显示不同的数据,不能我在A地方用了,B也改变;如果data是一个对象,组件在多个地方用的数据都是同一个对象,那么A数据变了也会影响B数据,这就没法实现复用所以data是一个函数,在函数返回一个对象,那...
2020-02-29 14:37:44
94
原创 Vue的路由
Vue的路由就是跳转页面,切换页面时,路径也变编程式导航:做路由的跳转(如果希望满足一定条件再跳转)]动态路由匹配:跳转到某个路由的时候可以传递参数,因为根据参数可以让这个组件显示不同的内容...
2020-02-13 19:06:40
49
原创 Vue组件的基本使用
组件的基本使用Vue.component(参数1,参数2)参数1:组件的id 参数2:组件的配置注:组件里的data必须是一个函数,函数的返回值是对象,对象里写这个组件的数据 组件的template(模板),必须要有一个跟标签,包住所有的内容 组件的template里可以直接写html,也可以专门去找一个写好的模板 组件不管复用多少次,每次复用都是独立的数据,互不...
2020-02-12 19:11:54
70
原创 复习数组与字符串(一)
split():用于把一个字符串分割成字符串数组如果spilt()里面传入的是空字符串,那么就会把字符串中每个字符都当做一个元素spilt()里面传入的不是空字符串reverse():用于颠倒数组中元素的顺序注:该方法会改变原来的数组,而不会创建新的数组join():用于把数组中的所有元素放入一个字符串map():遍历每个元素,并且对每个元...
2020-02-12 13:35:29
74
原创 iScroll的使用
iScroll的使用:导包 准备html结构: 三层结构,最里面的是真正滚动的内容,我们找元素的第三层 new iScroll(最外层div)就会根据你默认的内容计算出滚动距离 那么如果以后内容发生改变,要调用iscroll对象的refresh()方法来重新计算滚动距离 不一定内容是li,只要符合三层结构即可 $refsvue里...
2020-02-11 15:50:17
159
原创 计算属性
为什么要用到计算属性:因为在模板内放入太多的逻辑会让模板过重且难以维护计算属性:计算属性带有缓存机制,如果它里面依赖的数据变了,它回重新调用一次重新调用结果 ...
2020-02-01 14:33:44
77
原创 vue的基本指令
常用:v-on:添加事件 ,简写成:@click 修饰符: stop:阻止冒泡 prevent:阻止默认行为 keyup.enter:回车事件v-bind:绑定行内属性 例:v-bind:src=...
2020-01-31 23:08:58
121
原创 编写一个方法,遍历一下数组,输出[1,2,3......]
var arr=[( name:1, children:[( name:2, children:[....]),( name:3, children:[......])] )]
2019-11-28 16:02:56
268
转载 for in 和for of
一、for in 方法a.for in 循环对象var data = {name:'mcYang0929',age:'25',sex:'man'};for(var key in data) { console.log(key); //属性名（key） console.log(data[key]); //属性值（value）}...
2019-11-28 15:33:53
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人