欢迎来到Cecilia陈的博客

孤独，是人一生最好的修行。

随笔分类 -  Vue框架快速入门

15 Vue-配置全局css和Js
摘要：一、配置全局css 二、配置全局JS 阅读全文
posted @ 2019-11-23 18:47 Cecilia陈 阅读(688) 评论(0) 推荐(0)
13 Vue-配置axios 插件
摘要：配置Axios完成ajax请求 1. 安装 2. 配置环境 3. 示例 注意（重点） 前端通过axios发到django后台服务器的端口上会出一个错误。 跨域请求错误 。 原因就是django默认是一个前后端不分离的web框架，它默认只接收django前台发来的请求。不同的主机端口发来的请求就会出现 阅读全文
posted @ 2019-11-23 18:46 Cecilia陈 阅读(212) 评论(0) 推荐(0)
14 Vue-配置cookie 插件
摘要：配置Cookie插件 1. 安装 2. 配置环境 3. $cookies的操作 阅读全文
posted @ 2019-11-23 18:46 Cecilia陈 阅读(136) 评论(0) 推荐(0)
10 Vue-assets的资源加载
摘要：assets 资源文件夹 assets 文件夹下放的所有的都是前台本地提供给页面的资源 一般都是存放一些css、js、图片等 阅读全文
posted @ 2019-11-23 18:45 Cecilia陈 阅读(511) 评论(0) 推荐(0)
12 Vue-配置Bootstrap插件
摘要：配置Bootstrap 1. 配置Bootstrap之前，一定要安装jquery 2. 配置jquery 3. 安装Bootstrap 4. 配置Bootstrap环境 阅读全文
posted @ 2019-11-23 18:45 Cecilia陈 阅读(298) 评论(0) 推荐(0)
11 Vue-配置Element-ui插件
摘要：配置element ui 安装了这个element ui以后，我们会发现它也自动在项目的nodel_modules环境依赖文件夹中安装了element开头的文件 他是做成了一个快捷方式的样子，所有需要用到的东西都在这个快捷方式下。 阅读全文
posted @ 2019-11-23 18:45 Cecilia陈 阅读(323) 评论(0) 推荐(0)
09 Vue-store仓库传参
摘要：store 存储仓库传参 当我么需要访问另一条url的时候，我们可能会携带参数会访问，并且通过参数会获取到对应的数据 store仓库的特点 ：当页面一刷新，数据就没了，回到了定义时的初始值 阅读全文
posted @ 2019-11-23 18:44 Cecilia陈 阅读(531) 评论(0) 推荐(0)
08 Vue生命周期钩子
摘要：生命周期钩子 表示一个Vue实例从创建到销毁的这个过程，将这个过程的一些时间节点赋予对应的钩子函数 钩子函数：满足特点条件被回调的方法 阅读全文
posted @ 2019-11-23 18:44 Cecilia陈 阅读(124) 评论(0) 推荐(0)
06 Vue项目搭建
摘要：[TOC] 一、环境搭建 前言 步骤 1. 安装 node 2. 安装 cnpm 换镜像源 3. 安装脚手架 二、创建Vue项目 创建Django项目命令 三、启动Vue项目 四、pycharm启动Vue项目 五、Vue项目文件目录 六、(组件).vue文件 实例 七、main.js 项目入口文件 阅读全文
posted @ 2019-11-23 18:43 Cecilia陈 阅读(145) 评论(0) 推荐(0)
07 Vue-router路由
摘要：[TOC] 一、router link 二、router view 三、$router.push逻辑跳转 四、$router.go跳转 五、router间传参 阅读全文
posted @ 2019-11-23 18:43 Cecilia陈 阅读(129) 评论(0) 推荐(0)
05 Vue组件
摘要：[TOC] 一、组件的概念 二、根组件 三、子组件 四、局部组件 五、父子组件间传递数据 1. 父组件向子组件传递数据 通过绑定属性的方式进行数据传递 2. 子组件向父组件传递数据 通过发送事件请求的方式进行数据传递 2. 平行组件之间传递数据 六、slot内容分发 七、组件的过滤器 过滤器就是给一 阅读全文
posted @ 2019-11-23 18:42 Cecilia陈 阅读(143) 评论(0) 推荐(0)
04 Vue 指令操作
摘要：[TOC] 一、文本指令 html Title {{ msg }} {{ msg + '拼接内容' }} {{ msg[1] }} {{ msg.slice(2, 4) }} ' + msg + ''" ' + msg + ''" ${msg}`" ${msg}`" html Title {{cou 阅读全文
posted @ 2019-11-23 18:42 Cecilia陈 阅读(142) 评论(0) 推荐(0)
02 Vue 基础使用
摘要：[TOC] 一、如何引用Vue 1. 首先去官网下载 ： "Vue官网" 2. vue.js文件的引入 打开pycharm，新建一个文件夹 ，将我们下载的开发者版本 和生产者版本 两个文件放在这个vue_js文件夹下。 然后新建一个 文件 回到顶部 二、如何使用Vue 我们知道Vue是一个渐进式的j 阅读全文
posted @ 2019-11-23 18:41 Cecilia陈 阅读(170) 评论(0) 推荐(0)
03 Vue 实例成员
摘要：[TOC] 一、Vue挂载点（el） 我们先来看一下Vue的基础语法 回到顶部 二、Vue数据（data） 回到顶部 三、Vue方法（methods） 像上图中这种标签绑定事件，可以直接在data数据字典对象中去做，但是我们有专门用来为Vue实例提供事件函数的方法，写在data里面也可以，但是不规范 阅读全文
posted @ 2019-11-23 18:41 Cecilia陈 阅读(147) 评论(0) 推荐(0)
01 Vue 概念基础
摘要：[TOC] 一、Vue基础概念 Vue框架是一种：渐进式Javascript 框架 回到顶部 二、什么是Vue 回到顶部 三、为什么要学习Vue框架 回到顶部 四、Vue框架的优点 回到顶部 阅读全文
posted @ 2019-11-23 18:40 Cecilia陈 阅读(158) 评论(0) 推荐(0)
Vue框架快速入门
摘要：第一部分 基础操作 "01 Vue 概念基础" "02 Vue 基础使用" 第二部分 Vue 使用 "03 Vue 实例成员" "04 Vue 指令操作" "05 Vue组件" 第三部分 Vue项目启动 "06 Vue项目搭建" "07 Vue router路由" "08 Vue生命周期钩子" "0 阅读全文
posted @ 2019-10-24 09:56 Cecilia陈 阅读(248) 评论(0) 推荐(0)