摘要: 单页面原理 Vue是单页面开发,即页面不刷新。 页面不刷新,而又要根据用户选择完成内容的更新该怎么做?Vue中采用锚点来完成。 如访问http://127.0.0.1#/index就是主页,而访问http://127.0.0.1#/home就是家目录。 手动分析url组成与处理视图的切换非常麻烦,所 阅读全文
posted @ 2020-11-21 22:34 云崖先生 阅读(729) 评论(1) 推荐(2) 编辑
摘要: 全局指令 使用directive注册全局指令,我们自定义了指令v-focus:、 <div id="app"> <p>页面载入时,input 元素自动获取焦点:</p> <input v-focus> </div> <script> // 注册一个全局自定义指令 v-focus Vue.direct 阅读全文
posted @ 2020-11-21 15:14 云崖先生 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 基本流程 使用<transition>对要执行动画的标签内容进行包裹。 如果你使用css动画,则该标签应当具有name属性,可以使用name-时机进行链接书写css类。 如果你使用animate.css等第三方动画效果库,则可直接添加动画属性即可。 原生CSS 下面是css类,v对应<transit 阅读全文
posted @ 2020-11-21 15:07 云崖先生 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 插槽的作用 相信看过前一篇组件化开发后,你对组件化开发有了新的认识。 插槽是干什么的呢?它其实是配合组件一起使用的,让一个组件能够更加的灵活多变,如下图所示,你可以将组件当作一块电脑主板,将插槽当作主板上的插槽,你可以随意的更换该主板上的零件。 常见的应用场景,如淘宝的导航条: 其实他们大体框架都是 阅读全文
posted @ 2020-11-21 11:26 云崖先生 阅读(678) 评论(0) 推荐(0) 编辑