- 博客(6)
- 收藏
- 关注
原创 Vue 路由
假设现在有两个链接,一个是HOME,另一个是CUTE,HOME==>首页、CUTE==>个人。当用户点击不同链接时会显示不同的内容。这就是路由。 路由:route,routes,router route:HOME==>首页、CUTE==>个人,点击哪一个,哪一个就显示出来,这就是route。它与后面的 < route-link >和< route-view >对应起来。 routes:多条route的集合,它是一个数组。就是后面对应的路由配置。 router:
2020-05-23 10:11:21 235
原创 Vue ref
Vue的ref和$refs ref-----String ref用来给DOM元素和子组件注册引用信息,这些引用信息将存放在在父组件的$refs对象上。如果是在一个DOM元素注册,则是引用DOM元素,即获得DOM元素。如果是在一个子组件注册,则是引用组件实例,即可以利用这点来获取子组件的数据对象或者是调用子组件的方法。 $refs-------Object 存有注册ref的子组件 因为首先要有元素或者组件才有ref,所以在渲染之前是取不到ref的,只有在渲染之后才取到。 可以利用this.$refs.nam
2020-05-22 11:01:33 136
原创 Vue的组件
Vue组件都是Vue实例,并且接受相同的选项对象。除了根实例一些特有的选项对象除外。 一个Vue应用=Vue根实例+Vue组件 生命钩子函数 每个实例在创建时都要经过一系列初始化过程,需要设置数据监听、模板编译、将实例挂在在DOM上并更新。。在运行的时候为了让用户可以在不同阶段添加代码,有一些生命钩子函数。 其中 在实例选项中或者回调函数中不使用箭头函数,因为没有this ...
2020-05-13 23:39:17 246
原创 JS this以及绑定丢失
this /隐式绑定/ /* var a = 0; function b() { console.log(this.a); } var p = { a: 1, b: b } p.b(); /*丢失的情况*/ /*1.将对象的方法赋值给变量*/ /* var c =...
2020-05-03 23:40:05 231
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人