摘要: 一.概念 vuex仓库是vue全局的数据仓库,好比一个单例,在任何组件中通过this.$store来共享这个仓库中的数据,完成跨组件间的信息交互。 vuex仓库中的数据,会在浏览器刷新后重置 二.使用 阅读全文
posted @ 2019-11-18 22:27 fxyadela 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 一.模块的安装 二.配置main.js 三.使用 created() { // 组件创建成功的钩子函数 // 拿到要访问课程详情的课程id let id = this.$route.params.pk || this.$route.query.pk || 1; this.$axios({ url: 阅读全文
posted @ 2019-11-18 22:20 fxyadela 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 一.模块的安装 二.配置main.js 三.使用 相关配置: 到期时间全局设置 单个cookie设置 设置过期时间,输入字符串类型(字符均忽略大小写): | Unit | full name | | | | | y | year | | m | month | | d | day | | h | h 阅读全文
posted @ 2019-11-18 22:19 fxyadela 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 一.标签传参方式:\ 第一种 router.js 传递层 接收层 演变体 第二种 router.js 传递层 接收层 第三种 router.js 传递层 接收层 二.逻辑传参:this.$router 第一种 """ 路由: path: '/course/detail/:pk' 跳转:id是存放课程 阅读全文
posted @ 2019-11-18 22:01 fxyadela 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 一.安装依赖 二.全局导入(必须先安装依赖) 第一步 在 里加入(新版的可能找不到这个文件,你可以 进行手动安装) 第二步 在 的最后加入 第三步 在 引入 直接在 引入 三.单个vue组件导入(必须先安装依赖) 然后在组件的script中 阅读全文
posted @ 2019-11-18 21:59 fxyadela 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 一.页面中跳转指定网页 写法一: 这里的name是在VUE路由里面的 写法二: 二.js中跳转 push与replace用法一样,都是跳转到指定网页 : push会history栈中添加一个记录,点击后退会返回到上一个页面 replacehistory栈中不会有记录,点击返回会跳转到上上个页面 三. 阅读全文
posted @ 2019-11-18 21:58 fxyadela 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 一.父传子 父组件 子组件 二.子传父 子组件 父组件 阅读全文
posted @ 2019-11-18 21:50 fxyadela 阅读(133) 评论(0) 推荐(0) 编辑
摘要: [toc] 一.前台路由的基本工作流程 目录结构 App.vue:根组件 Nav.vue:小组件 PageFirst.vue:页面组件 PageSecond.vue:页面组件 router.js:路由配置 二.配置全局样式文件 目录结构 global.css main.js 三.组件生命周期钩子 概 阅读全文
posted @ 2019-11-18 21:48 fxyadela 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 第一步 第二步 第三步 第四步 第五步 也可参考: https://www.cnblogs.com/fxyadela/p/11852945.html(手把手教你创建Vue项目) 阅读全文
posted @ 2019-11-18 21:45 fxyadela 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 一、环境安装 安装node 安装cnpm 安装脚手架 清空缓存处理 二、项目的创建 创建项目 创建项目中的选项简介 default为系统默认 Manually select features为自定义 后面就一直回车就好了,最后结束时候选择' 启动/停止项目 打包项目 目录结构 如果别人需要拷贝项目只 阅读全文
posted @ 2019-11-18 21:42 fxyadela 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 一、Vue编译不生效 在标签里添加 二、解决Vue渲染时候会闪一下 方法一: 方法二: 利用 在加载vue完成后他会消失,专业术语叫斗篷 阅读全文
posted @ 2019-11-18 21:34 fxyadela 阅读(98) 评论(0) 推荐(0) 编辑
摘要: Vue中插槽指令 就是在组件里留着差值方便 而且由于插件是写在父级中数据可以直接父级中传输而不需要传子再传父有些情况会减少写代码量 示例: 几种插槽特殊情况 情况一: ,`页面中插槽中写了插槽名称` 结果页面中插槽不会被渲染 情况二: ,`页面中插槽中没写插槽名称` 结果页面中插槽不会被渲染 情况三 阅读全文
posted @ 2019-11-18 21:32 fxyadela 阅读(73) 评论(0) 推荐(0) 编辑
摘要: [toc] 一、组件的构成 组件:由 template + css + js 三部分组成(.vue文件) 1)组件具有复用性 2) 复用组件时,数据要隔离 3) 复用组件时,方法不需要隔离,因为方法使用隔离数据就可以产生区别 组件介绍: 1) 每一个组件都有自己的template(虚拟DOM),最后 阅读全文
posted @ 2019-11-18 21:28 fxyadela 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 一、methods methods属性里面的方法会在数据发生变化的时候你,只要引用了此里面分方法,方法就会自动执行。这个属性没有依赖缓存 二、computed 计算属性该属性里面的方法必须要有return返回值,这个返回值就是(value值)。 有几个关键点 1) 计算后属性不需要在data中重复定 阅读全文
posted @ 2019-11-18 21:24 fxyadela 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 一、Vue中的循环 常见的4总情况 二、Vue中的分隔符(修改差值表达式) 举个例子 阅读全文
posted @ 2019-11-18 21:23 fxyadela 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 一、vue中data的获取 1.获取data里面的某个变量 $data.msg msg $data $el $options.Vue中的属性名称(如arr等等) ``` 阅读全文
posted @ 2019-11-18 21:21 fxyadela 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 一、事件传参 如:点击事件 二、事件属性 bubbles 返回布尔值,指示事件是否是起泡事件类型。 cancelable 返回布尔值,指示事件是否可拥可取消的默认动作。 currentTarget 返回其事件监听器触发该事件的元素。 eventPhase 返回事件传播的当前阶段。 target 返回 阅读全文
posted @ 2019-11-18 21:20 fxyadela 阅读(3787) 评论(0) 推荐(0) 编辑
摘要: [toc] 一、挂载点(el) 这样设置好了后这个vue中的内容会与对应的css选择器进行关联 注意点: 挂载点只遍历第一个匹配的结果 html与body标签不可以作为挂载点 挂载点的只一般就采用id选择器(唯一性) 二、插值表达式 :Vue中的msg变量发生变化的再没其他约数条件下msg也会发送变 阅读全文
posted @ 2019-11-18 21:04 fxyadela 阅读(177) 评论(0) 推荐(0) 编辑