摘要: 结构目录 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 阅读全文
posted @ 2018-09-10 17:54 Sunsin 阅读(4501) 评论(0) 推荐(0) 编辑
摘要: 描述:子路由,也叫路由嵌套,采用在children后跟路由数组来实现,数组里和其他配置路由基本相同,需要配置path和component,然后在相应部分添加<router-view/>来展现子页面信息,相当于嵌入iframe。 Home.vue One.vue /Two.vue index.js 阅读全文
posted @ 2018-09-10 17:30 Sunsin 阅读(7852) 评论(1) 推荐(1) 编辑
摘要: HTML:a 小程序:navigator Vue:router-link 1. router-link => a标签 2. javascript标签跳转页面 2.1 2.2 3. 常用方法之跳上一页/下一页 3.1 3.2 阅读全文
posted @ 2018-09-10 17:02 Sunsin 阅读(22168) 评论(0) 推荐(1) 编辑
摘要: 1. 路由可配置多个 2. 路由包含嵌套子路由 3. 路由可以别名 4. 路由单独钩子 5. vue2.6.0(可以直接匹配大小写) 阅读全文
posted @ 2018-09-10 15:57 Sunsin 阅读(2973) 评论(0) 推荐(0) 编辑
摘要: 官方API:https://router.vuejs.org/zh/guide/#javascript vue-cli for index.js vue-cli for main.js 阅读全文
posted @ 2018-09-10 15:52 Sunsin 阅读(383) 评论(0) 推荐(0) 编辑
摘要: 1. 添加less、sass处理 1.1如果是sass,首先在当前目录安装处理插件(sass): 1.2如果是less,首先在当前目录安装处理插件(less) 2.其次打开webpack.base.conf.js 3.在所需要sass或less处理的文件填写对应的css处理加载即可 阅读全文
posted @ 2018-09-10 13:55 Sunsin 阅读(1847) 评论(0) 推荐(0) 编辑
摘要: 描述:插槽,也就是slot,是组件的一块HTML模板,一个slot最核心的两个问题是显示不显示和怎样显示 插槽分类: 1.1 单个插槽(单个插槽,别名默认插槽、匿名插槽,不用设置name属性) 1.2 具名slot(插槽加了name属性,就变成了具名插槽。具名插槽可以在一个组件中出现N次,出现在不同 阅读全文
posted @ 2018-09-10 11:51 Sunsin 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 1. 选项模板 2. template模板 3. script标签模板 阅读全文
posted @ 2018-09-10 11:41 Sunsin 阅读(820) 评论(0) 推荐(0) 编辑
摘要: 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 阅读全文
posted @ 2018-09-10 11:29 Sunsin 阅读(261) 评论(0) 推荐(1) 编辑
摘要: 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: 阅读全文
posted @ 2018-09-10 10:35 Sunsin 阅读(567) 评论(0) 推荐(1) 编辑
摘要: 单独测试的时候,发现安装不了node_modules包 缺少package.json,无法安装. 分为以下两步: 1.npm init -y 2.npm i -D vue 或 yarn add vue 阅读全文
posted @ 2018-09-10 10:05 Sunsin 阅读(1251) 评论(0) 推荐(0) 编辑
摘要: 1.$on(在构造器外部添加事件) 2.$once(执行一次的事件) 3.$off(关闭事件) 4.$emit(事件调用) 阅读全文
posted @ 2018-09-10 09:36 Sunsin 阅读(680) 评论(0) 推荐(0) 编辑