摘要:
结构目录 1. 页面传值(不同之间的页面传值) 1.1 index.js配置 源码: 1 // 引入vue框架 2 import Vue from 'vue' 3 // 引入vue-router路由依赖 4 import Router from 'vue-router' 5 // Home 6 im 阅读全文
摘要:
描述:子路由,也叫路由嵌套,采用在children后跟路由数组来实现,数组里和其他配置路由基本相同,需要配置path和component,然后在相应部分添加<router-view/>来展现子页面信息,相当于嵌入iframe。 Home.vue One.vue /Two.vue index.js 阅读全文
摘要:
HTML:a 小程序:navigator Vue:router-link 1. router-link => a标签 2. javascript标签跳转页面 2.1 2.2 3. 常用方法之跳上一页/下一页 3.1 3.2 阅读全文
摘要:
1. 路由可配置多个 2. 路由包含嵌套子路由 3. 路由可以别名 4. 路由单独钩子 5. vue2.6.0(可以直接匹配大小写) 阅读全文
摘要:
官方API:https://router.vuejs.org/zh/guide/#javascript vue-cli for index.js vue-cli for main.js 阅读全文
摘要:
1. 添加less、sass处理 1.1如果是sass,首先在当前目录安装处理插件(sass): 1.2如果是less,首先在当前目录安装处理插件(less) 2.其次打开webpack.base.conf.js 3.在所需要sass或less处理的文件填写对应的css处理加载即可 阅读全文
摘要:
描述:插槽,也就是slot,是组件的一块HTML模板,一个slot最核心的两个问题是显示不显示和怎样显示 插槽分类: 1.1 单个插槽(单个插槽,别名默认插槽、匿名插槽,不用设置name属性) 1.2 具名slot(插槽加了name属性,就变成了具名插槽。具名插槽可以在一个组件中出现N次,出现在不同 阅读全文
摘要:
1. 选项模板 2. template模板 3. script标签模板 阅读全文
摘要:
1. 全局组件 2. 局部组件 3. 常规属性传值(props属性传值) 4. v-bind传值 4.1 属性取值 4.2 在构造器向组件传值(v-bind) 5. 父子组件调用 5.1 父组件 5.2 子组件 6. 组件注册 官方文档:https://cn.vuejs.org/v2/guide/c 阅读全文
摘要:
1.v-test绑定的是bgcolor var app = new Vue({ el: '#app', data: { num: 123, color: 'red', age: 12, bgcolor:'#f00' } }) var app = new Vue({ el: '#app', data: 阅读全文