随笔分类 - Vue
摘要：一.父传子( 父组件 子组件 二.子传父 子组件 父组件
阅读全文
摘要：一.安装依赖 二.全局导入(必须先安装依赖) 第一步 在 里加入(新版的可能找不到这个文件,你可以 进行手动安装) 第二步 在 的最后加入 第三步 在 引入 直接在 引入 三.单个vue组件导入(必须先安装依赖) 然后在组件的script中
阅读全文
摘要：一.事件传参 如点击事件 <div @click='click'> <div> <div @click='click_1('msg')'> <div> ......... methods:{ click(even){ //even为事件默认传参就是事件 }, click_1(msg,even){ /
阅读全文
摘要：一.安装依赖 or` 二.使用 三.官方文档 "点我官方文档" "点我中文官方文档"
阅读全文
摘要：Vue cli中的跳转 一.页面中跳转指定网页 写法一: 这里的name是在VUE路由里面的 写法二: 二.js中跳转 push与replace用法一样,都是跳转到指定网页 : push会history栈中添加一个记录，点击后退会返回到上一个页面 replacehistory栈中不会有记录，点击返回
阅读全文
摘要：一.vue基础 "Vue的介绍及安装和导入" "Vue的使用" "vue事件获取当前对象" "Vue成员获取" "Vue中的循环以及修改差值表达式" "vue中methods,computed，filters,watch的总结" "Vue中组件" "Vue中插槽指令" "Vue部分编译不生效,解决V
阅读全文
摘要：0917自我总结 Vue cli中axios传参的方式以及后端取的方式 一.传参 params是添加到url的请求字符串中的，用于get请求。 data是添加到请求体（body）中的， 用于post请求。 首先现在main.js进行配置 如:get请求 如:post请求 二.后台获取 如果是 传参后
阅读全文
摘要：0902自我总结 Vue CLI项目快速UI布局 element ui 一.element ui的地址 https://element.eleme.cn/ 二.element ui的安装 在vue cli的项目中element的导入 三.使用 跟着官方文档走就好了 https://element.e
阅读全文
摘要："Vue的介绍及安装和导入" "Vue的使用" "Vue成员获取" "Vue中的循环以及修改差值表达式" "vue中methods,computed，filters,watch的总结" "Vue中组件" "Vue中插槽指令" "Vue部分编译不生效,解决Vue渲染时候会闪一下"
阅读全文
摘要："Vue CLI 项目搭建" "Vue CLI 项目在pycharm中配置" "Vue CLI 项目中相关操作" "Vue CLI项目中路由传参" "Vue CLI项目 vue cookie与vue cookies处理cookie" "Vue CLI项目 axios模块前后端交互(类似ajax提交)
阅读全文
摘要：0901自我总结 Vue CLI项目路由案例汇总 router.js components/Nav.vue views/Course.vue components/CourseCard.vue vue <! 逻辑跳转 {{ card.title }} <! 链接跳转 <! 第一种 <! <route
阅读全文
摘要：0901自我总结 Vue CLI项目vuex仓库 一.概念 vuex仓库是vue全局的数据仓库，好比一个单例，在任何组件中通过this.$store来共享这个仓库中的数据，完成跨组件间的信息交互。 vuex仓库中的数据，会在浏览器刷新后重置 二.使用 仓库共享数据的获取与修改 ： 在任何组件的逻辑中
阅读全文
摘要：08.31自我总结 Vue CLI项目 vue cookie与vue cookies处理cookie vue cookie 一.模块的安装 二.配置main.js 三.使用 概述: :this.$配置时候设置的名称.set('cookies的key',value,时间最小单位为天且一定要为整数) :
阅读全文
摘要：08.31自我总结 Vue CLI项目 axios前后端交互 一.模块的安装 二.配置main.js 三.使用 JS created() { // 组件创建成功的钩子函数 // 拿到要访问课程详情的课程id let id = this.$route.params.pk || this.$route.
阅读全文
摘要：Vue CLI项目中路由传参 一.标签传参方式：\\ 第一种 router.js 传递层 接收层 演变体 第二种 router.js 传递层 接收层 第三种 router.js 传递层 接收层 二.逻辑传参：this.$router 第一种 python """ 路由： path: '/course
阅读全文
摘要：0830总结 Vue CLI 项目中相关操作 一.前台路由的基本工作流程 目录结构 App.vue：根组件 Nav.vue：小组件 PageFirst.vue：页面组件 PageSecond.vue：页面组件 router.js：路由配置 二.配置全局样式文件 目录结构 global.css mai
阅读全文
摘要：Vue CLI Vue CLI 项目在pycharm中配置 第一步 第二步 第三步 第四步 第五步
阅读全文
摘要：08.29自我总结 Vue中插槽指令 就是在组件里留着差值方便 而且由于插件是写在父级中数据可以直接父级中传输而不需要传子再传父有些情况会减少写代码量 示例 html //4.创建个组件 //根据插槽的名称创建插槽 //插槽里面的内容 //1.创建组件 let msgTag = { template
阅读全文
摘要：0829自我总结 Vue-CLI 项目搭建 一.环境安装 安装node 官网下载安装包，傻瓜式安装：https://nodejs.org/zh-cn/ #路径最好要修改用默认就好 安装cnpm npm install -g cnpm --registry=https://registry.npm.t
阅读全文
摘要：0828自我总结 Vue中组件 一.组件的构成 组件：由 template + css + js 三部分组成(.vue文件) 1）组件具有复用性 2) 复用组件时，数据要隔离 3) 复用组件时，方法不需要隔离，因为方法使用隔离数据就可以产生区别 组件介绍： 1) 每一个组件都有自己的template
阅读全文
微信：
