我最近在研究vue 的路上,看到了vue $refs的用法,那么今天也算个学习笔记吧!
<input type=text ref=input1/> <button @click=add>添加</button>
[removed] new Vue({ el: #app, methods:{ add:function(){ this.$refs.input1.value =22; //this.$refs.input1 减少获取dom节点的消耗 } } }) [removed] 一般来讲,获取
2022-06-17 12:34:09 26KB dom ef fs
1
vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。 本文将以示例的形式来介绍vue-router的各个特性,一共包含6个示例,每个示例都有乞丐版,前5个示例有皇帝版。 乞丐版是将所有代码混杂在一起的HTML页面,皇帝版是基于vue-webpack-simple模板构建的。 第一个单页面应用(01) 现在我们以一个简单的单页面应用开启
2021-11-18 09:54:45 398KB ue vue vue-router
1
使用vue会让人感到身心愉悦,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.倘若用一句话来概括vue,那么我首先想到的便是官方文档中的一句话:Vue.js(读音/vju:/,类似于view)是一套构建用户界面的渐进式框架。这句话可能大家并不陌生,但是真正理解这句话的可能并不多,其实,读懂了这句话,也就明白了vue的核心理念.那么,怎样理解什么是渐进式框架?在这之前,我们首先要理解什么是框架.在最初的前端开发中,为了完成某个功能,我们需要通过js在HTML页面中获得dom节点,随后获得dom节点中的文本内容或者在dom节点上添加事件,进行一
2021-02-24 18:05:00 427KB 深入理解vue
1