随笔分类 -  Vue框架

vue-cookies
摘要：vue-cookies操作浏览器cookies vue-cookies用来完成前台cookies的存储 vue项目安装插件 cnpm install vue-cookies vue项目在main.js中配置 import cookies from 'vue-cookies' Vue.prototyp 阅读全文
posted @ 2020-03-01 16:57 Hank·Paul 阅读(253) 评论(0) 推荐(0)
jq+bs插件
摘要：jq+bs插件 一、jq环境搭建： 安装：在前端项目根目录下的终端 cnpm install jquery 配置：自己在项目根目录下新建 vue.config.js const webpack = require("webpack"); //const是定义常量的关键字 module.exports 阅读全文
posted @ 2020-02-17 00:48 Hank·Paul 阅读(365) 评论(0) 推荐(0)
element-ui插件
摘要：element-ui就类似于BootStrap框架，前者是在vue项目中运用，后者是在原生项目中运用，当然也可以在vue项目中运用 环境搭建： 1) 安装：在前端项目根目录下的终端 cnpm install element-ui 2）配置：main.js import ElementUI from 阅读全文
posted @ 2020-02-17 00:47 Hank·Paul 阅读(2240) 评论(0) 推荐(0)
axios插件
摘要：前后台交互方式（重点） """ 1）form表单方式 i）get | post 两种请求方式，get请求包含直接在浏览器中输入url回车后发送的请求 ii）该方式的特点是一定会发生页面的跳转（刷新页面叫本页跳转） - 后台决定页面路由 2）ajax异步方式 i）get | post | patch 阅读全文
posted @ 2020-02-17 00:20 Hank·Paul 阅读(1094) 评论(2) 推荐(0)
前端存储数据汇总
摘要：前端存储数据大汇总 """ 1）cookie：以字符串形式存储，数据有过期时间（过期时间到，数据失效吗，否则永远有效） 2）localStorage：以对象形式存储，数据永久保存 3）sessionStorage：以对象形式存储，生命周期同所属页面标签（页面不关闭，数据就有效） 4）vuex(sto 阅读全文
posted @ 2020-02-16 23:02 Hank·Paul 阅读(491) 评论(0) 推荐(0)
Vuex插件
摘要：Vuex插件 vuex插件：可以完成任意组件间信息交互（移动端） - 了解 """ 1）vuex是实现任何组件间的信息交互的，可以理解为全局的一个单例，为任何一个组件共享vue仓库里的数据 2）在任何一个组件的逻辑里，都可以访问仓库 i）先在仓库里(store/index.js)定义变量，用来存储共 阅读全文
posted @ 2020-02-16 23:00 Hank·Paul 阅读(244) 评论(0) 推荐(0)
全局配置css和js
摘要：配置全局css global.css html, body { margin: 0; } a { color: black; text-decoration: none; } ul { margin: 0; padding: 0; } main.js 配置全局css import '@/assets 阅读全文
posted @ 2020-02-15 17:41 Hank·Paul 阅读(801) 评论(0) 推荐(0)
Vue系列
摘要：Vue框架的介绍及使用 Vue项目搭建 Vue项目在pycharm中配置 Vue 路由 Vue中组件(.vue文件) 页面组件渲染小组件（重点） 全局配置css和js Vuex插件 前端存储数据汇总 axios插件 element-ui插件 jq+bs插件 vue-cookies 阅读全文
posted @ 2020-02-13 22:56 Hank·Paul 阅读(298) 评论(0) 推荐(0)
页面组件渲染小组件（重点）
摘要：页面组件渲染小组件（重点） 页面组件作为父组件：views/*.vue <template> <div class="home"> <!-- vue项目下的html是支持大小写，且区分大小写 --> <Nav /> </div> </template> <script> // 父组件加载子组件：父组 阅读全文
posted @ 2020-02-13 22:49 Hank·Paul 阅读(478) 评论(0) 推荐(0)
Vue 路由
摘要：路由核心配置： router/index.js import Vue from 'vue' import VueRouter from 'vue-router' // import 别名 from '文件' import Home from '../views/Home' import About 阅读全文
posted @ 2020-02-13 22:45 Hank·Paul 阅读(289) 评论(0) 推荐(0)
Vue组件(.vue文件)
摘要：Vue组件 组件的构成 一个.vue文件就是一个组件 组件都是由三部分组成：html结构（html结构都是在template标签中）、js逻辑、css样式 1）template只能解析一个根标签 2）js逻辑都是在script标签中，必须设置导出，export default {...} 3）css 阅读全文
posted @ 2020-02-13 20:38 Hank·Paul 阅读(6391) 评论(1) 推荐(8)
Vue项目在pycharm中配置
摘要：pycharm配置并启动vue项目 第一步 用pycharm打开vue项目的根目录 第二步 安装vue.js插件来高亮 .vue 文件代码(见插图) 第三步 第四步 配置npm启动服务启动vue项目(见插图) 第五步 阅读全文
posted @ 2020-02-13 19:55 Hank·Paul 阅读(2806) 评论(0) 推荐(0)
Vue项目搭建
摘要：一、环境安装 """ node python npm pippip:是一个现代的，通用的Python包管理工具。提供了对Python包的查找，下载，安装，卸载的功能。 python: C语言编写，解释执行python语言的 node: C++语言编写，解释执行JavaScript语言的npm类似于p 阅读全文
posted @ 2020-02-13 19:49 Hank·Paul 阅读(407) 评论(0) 推荐(0)
Vue框架的介绍及使用
摘要：Vue框架 定义：渐进式 JavaScript 框架 渐进式：可以控制一个页面的一个标签，可以控制一系列标签，也可以控制整个页面，甚至可以控制整个前台项目。 通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目 一、Vue基础 1、什么是Vue 可 阅读全文
posted @ 2020-02-11 23:47 Hank·Paul 阅读(8339) 评论(0) 推荐(4)
js 对象和函数补充
摘要：JS对象补充（掌握） // 1) js没有字典类型，只有对象类型，对象可以完全替代字典来使用 var dic_obj = { //属性：值（数值，函数） 'name':'Bob', 'eat':function () { console.log('在吃饭') } }; console.log(dic 阅读全文
posted @ 2020-02-11 22:52 Hank·Paul 阅读(175) 评论(0) 推荐(0)