vue中router-link配置项介绍

vue中router-link配置项介绍

1、动态绑定// index是变量<router-link :to="index">home</router-link>2、动态绑定对象形式<router-link :to="{path:'/document'}">document</router-link>3、router-link默认是编译成a标签,需要编译成其他标签时// router-link编译成了div标签,
浏览:1211 标签: router-link vue 时间: 2017-11-30 18:03
vue路由(vue-router)hash和history模式

vue路由(vue-router)hash和history模式

hash模式        http://localhost:8080/#/,http://localhost:8080/#/home;        src/router/index.jsimport Vuefrom'vue'import VueRouterfrom'vue-router'Vue.use(VueRouter)import Homefrom'@/compo
浏览:2679 标签: vue-router hash history 路由 vue 时间: 2017-11-30 17:44
vue路由介绍及vue-router使用步骤

vue路由介绍及vue-router使用步骤

前端路由        在web开发中,路由是指根据 url 分配到对应的处理程序。vue-router        作用:通过管理 url,实现 url 和组件的对应及通过 url 进行组件之间的切换。        官网api:https://router.vuejs.org/zh-cn/单页应用(SPA)        加载单个HTML页面,并在用户与应用
浏览:1464 标签: vue-router 路由 vue 时间: 2017-11-30 16:18
vue-cli脚手架生成项目文件中一级目录和文件的用途介绍

vue-cli脚手架生成项目文件中一级目录和文件的用途介绍

.idea文件夹:使用webstorm打开项目的时候,就会在目录下创建这个文件夹,里面是配置webstorm相关的内容。如果不是用webstorm打开,可能就没有这个文件夹了。build文件夹:配置webpack相关的文件。config文件夹:生产环境、开发环境的配置参数。node_modules文件夹:安装的第三方依赖。src文件夹:开发项目时,写的源码;这个目录下的
浏览:1348 标签: vue-cli 脚手架 时间: 2017-11-22 23:20
vue脚手架工具--vue-cli安装与启动

vue脚手架工具--vue-cli安装与启动

vue-cli 脚手架是 vue 提供的脚手架工具。vue-cli 脚手架工具的作用:        1. 生成目录结构        2. 本地开发调试        3. 代码部署        4. 热加载        5. 单元测试        vue-cli 脚手架官网:https://github.com/vuejs/vue-cli;安装条件是nod
浏览:1139 标签: vue-cli 脚手架 vue 时间: 2017-11-21 22:56
vue组件封装案例--动态组件例子

vue组件封装案例--动态组件例子

动态组件        多个组件可以使用同一个挂载点,动态地在它们之间切换。        使用保留的<component>元素,使用 is 特性进行动态绑定。        可以使用keep-alive把切出去的组件保留在内存中,这样可以保留它的状态,避免重新渲染。html代码<divid="app"><inputtype="button"value="切换到第1个组
浏览:1242 标签: 时间: 2017-11-18 23:10
vue组件封装案例--递归组件封装树形菜单

vue组件封装案例--递归组件封装树形菜单

vue组件封装案例--递归组件封装树形菜单        传入的数据结构:[    { title:XXX, children:[     { title:XXXX, chidren:[]     } ]    }]     设置的props:              data 数据结构 默认为 []     定制模板:  
浏览:2155 标签: 组件 vue 时间: 2017-11-18 22:39
vue组件封装案例--封装提醒组件

vue组件封装案例--封装提醒组件

封装提醒组件        提醒框有四种状态:info、success、error、warning。         设置的props:                 type:提醒框类型,默认为info;                 title:提示信息," 这里有一个消息要提示 ";                 closea
浏览:1084 标签: 组件 vue 时间: 2017-11-17 22:37
vue开源项目库汇总

vue开源项目库汇总

UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue和WeUI的组件库iview ★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui ★6253 - Vue 2的移动UI元素muse-ui ★3705 - 三端样式一致的响应式 UI 库vue-material ★3328 - 通过
浏览:1038 标签: vue 时间: 2017-11-17 18:01
vue的封装组件及案例展示

vue的封装组件及案例展示

封装组件        每个组件会提供一些标准且简单的对应接口,允许使用者设置和调整参数和属性。        可以将不同来源的多个组件有机的集合在一起,快速构成一个符合实际需要的复杂(大型)应用程序。组件的主要特点        重用性:能够公用和通用;        可定制性:可设置参数和属性;        高内聚性:功能完成;        互操作性:多组
浏览:1315 标签: 组件 vue 时间: 2017-11-16 22:29
vue组件封装案例--封装modal模态框组件

vue组件封装案例--封装modal模态框组件

封装modal模态框组件        设置的props:                modalTitle 提醒信息 默认为 '这是一个模态框'        定制模板:                slot为modal-content  定制提醒信息模板                slot为modal-footer   定制底部模板        监控子
浏览:1975 标签: 模态框 组件 vue 时间: 2017-11-16 22:28
vue中使用slot分发内容

vue中使用slot分发内容

vue中使用slot分发内容        使用一种方式混合父组件的内容与子组件自己的模板,这种过程被称为“内容分发”。在子组件中使用特殊的<slot>元素作为内容的插槽。        这样会使组件的可扩展性更强。单个slot        在子组件模板中有slot标签,被视为备用内容,在父组件不提供内容的情况下使用。如果父组件提供内容,则把整个内容片段插入到slot
浏览:1018 标签: slot vue 时间: 2017-11-15 22:46

邮箱快速注册

忘记密码