随笔分类 - Vue
摘要：option = { textStyle: { fontSize: 20, // 调节字体大小 }, title : { text: '', // 主标题名称 subtext: '', // 副标题名称 x:'center' // 标题的位置 }, tooltip : { trigger: 'ite
阅读全文
摘要：var myChart = echarts.init(document.getElementById('echarts_2')); var option = { color: ["#a71a4f", "#bc1540", "#c71b1b", "#d93824", "#ce4018", "#d151
阅读全文
摘要：今天做项目，用echarts展示数据 ，自己测试 先测试 了下。写的代码html： <div ref="myChart" style="height:300px;width:100%"></div> JS methods: { drawLine() { // 基于准备好的dom，初始化echarts
阅读全文
摘要：HTML部分 <div class="Msg-curve" id="curveEcharts"></div> JS部分 // main.js中全局引入echarts然后调用 this.$echarts let myChart = this.$echarts.init(document.getElem
阅读全文
摘要：目录 Vue渲染的两大基础方式 new 一个Vue的实例 注册组件并使用 注册组件 全局注册 局部注册 通过new创建Vue实例, 全局注册组件，局部注册组件三者的使用频率（场景） Vue中的props数据流 props取值的方式 props内写的是驼峰命名法，为什么在HTML（模板）中又用了短横线
阅读全文
摘要：效果预览 解决方案 UI代码// 这段代码主要是遍历权限<el-form-item label="角色权限" prop="checkedPerms"> <el-checkbox-group v-model="form.checkedPerms"> <dl class="permission-list
阅读全文
摘要：第一步当然还是安装了，这里只介绍npm的安装方法，别的请自行百度。 npm install vuex --save第二步就是调用，我在src文件夹简历了个store.js的文件，方便管理。然后在main.js里面引入 import store from "./store";new Vue({ sto
阅读全文
摘要：前面的话 在Web开发中，路由是指根据URL分配到对应的处理程序。对于大多数单页面应用，都推荐使用官方支持的vue-router。Vue-router通过管理URL，实现URL和组件的对应，以及通过URL进行组件之间的切换。本文将详细介绍Vue路由vue-router 安装 在使用vue-route
阅读全文
摘要：Vue.js（读音 /vjuː/, 类似于view）是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 也能完美地驱动复杂的单页应用 那么,怎样理解什么是渐进式框架?在这之前,我们首先要理解什么是框架.在最初的前端
阅读全文
摘要：ElementUI三级菜单checkBox全选实现 效果预览 解决方案 UI代码// 这段代码主要是遍历权限<el-form-item label="角色权限" prop="checkedPerms"> <el-checkbox-group v-model="form.checkedPerms">
阅读全文
摘要：VUE：vuex 用户登录信息的数据写入与获取 整体思路：前台获取用户数据，向后台发送post请求，验证成功后前台接受数据，改变用户登录状态将登录状态及用户数据写入到state中这样多个页面就可以直接使用this.$store.getters.getuname调用state中的用户信息 1.向后台发
阅读全文
摘要：描述：我们在开发中，经常会遇到，进入登录页面与主页面的判断，通常后台会传回一个session来判断，现在就考虑下有多少中方法来实现这种效果； 1.以前用的方法是直接在app.vue入口文件来判断跳转登录页面，还是主页面，优点：简单明了，直接根据是否存在session来判断入口文件是登录还是主页面；
阅读全文
摘要：摘录：鉴于大家有很多疑问，特地创建了群1020135830，有问题的多交流交流； 我说为啥点进来看不到最新的评论，今天才发现是被折叠了，这篇教程大家理解起来如果有难度的话，参考下把路由表写到本地，后端返回用户角色去做匹配这种方式，适合上手:本地写好路由，向后端请求用户的角色以下为原答案： 地狱空荡荡
阅读全文
摘要：前言 我之前总结过动态菜单的实现方案>动态菜单实现,只不过这篇写的有点稍微复杂，是用后端返回当前登录角色的路由表实现的，也就是前端只要从后端取到路由表进行渲染菜单即可； 今天，我再讲解一种方案：路由表写在前端，后端返回用户的角色，前端进行角色对应的菜单渲染 在线预览：动态路由github(记的sta
阅读全文
摘要：什么是vuex？ Vuex核心概念 Vuex安装与使用 1.安装 2.目录结构与vuex引入 3.store中变量的定义、管理、派生（getter） 4.vuex辅助函数的使用说明 Vuex刷新数据丢失问题处理 什么是vuex？ Vuex 是专门为 Vue.js 设计的状态管理库，采用集中式存储管理
阅读全文
摘要：一、Nodejs介绍 Nodejs英文网：https://nodejs.org/en/ Nodejs中文网：http://nodejs.cn/ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其
阅读全文
摘要：官方文档 一、vue的起步 创建实例化对象： <div id='app'> <h3>{{xx}}</h3> </div> <script src="./js/vue.js"></script> <script> // 使用vue第一步，创建vue实例对象 var app = new Vue({ el
阅读全文
摘要：一、vue-cli安装 vue-cli是一个官方vue.js项目脚手架，使用vue-cli可以快速创建vue项目。 安装vue-cli前，请确保已安装nodejs。 // 安装vue-cli，淘宝镜像安装 cnpm install vue-cli -g 如果安装失败，可以使用npm cache cl
阅读全文
摘要：Vue Router 还是看官网吧！ 一、安装 要想做单页面应用，就必须使用vue-router。 npm install vue-router --save 二、起步 如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能： main.js import Vue from
阅读全文
摘要：组件相关钩子函数： beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destoryed 还有两个特殊的（使用keep-alive）：activated、deactivated（不详述）v2.5.0
阅读全文
浙公网安备 33010602011771号