摘要:用法: 在url中,通过定义参数,那么以后url中就可以动态的传递这些参数。语法:`/our/:参数名` let router = new VueRouter({ routes: [ { // user为参数 path: "/our/:user", component: our } ] }) 2. 阅读全文
posted @ 2020-02-24 22:40 xsan 阅读(415) 评论(0) 推荐(0) 编辑
摘要:当我们想创建单页面应用时,可以使用`vue-router`进行实现。 cdn引用: <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> 使用方法: 1、`vue-router`必须结合组件使用,因为加载的内容 阅读全文
posted @ 2020-02-24 17:32 xsan 阅读(155) 评论(0) 推荐(0) 编辑
摘要:该项目主要是练习vue的基础语法,其中涉及到`v-model`数据双向绑定、事件绑定的修饰符(阻止默认事件发生)、过滤器。项目使用的是bootstrap的css样式进行布局,实现了图书的动态增加、动态查找的功能。 最终效果: 源码: <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2020-02-24 15:02 xsan 阅读(218) 评论(0) 推荐(0) 编辑
摘要:过滤器是数据在真正渲染到页面的时候,可以使用过滤器对数据进行一些处理,把最终处理的结果渲染到网页中。 过滤器的使用: 过滤器可以用在两个地方:`{{ }}`和`v-bind`表达式。过滤器应该被添加在`JavaScript`的尾部通过管道符("|")进行分割。 注意: 需要写在创建实例之前。 `fu 阅读全文
posted @ 2020-02-24 10:58 xsan 阅读(117) 评论(0) 推荐(0) 编辑