vue
文章平均质量分 77
B~~
这个作者很懒,什么都没留下…
展开
-
vue导出为excel
vue常用插件(二)四、导出excel1)安装npm install -S file-saver xlsx xlsx-stylenpm install -D script-loader2)使用在src下建目录wendor文件夹,在vendor下建两个文件,Blob.js和Export2Excel.js//blob.js/* Blob.js * A Blob, File, FileReader & URL implementation. * 2019-04-19 * *原创 2021-05-23 16:55:35 · 260 阅读 · 0 评论 -
vue轮播图以及表图插件使用
【代码】vue轮播图以及表图插件使用。原创 2021-05-23 16:51:54 · 505 阅读 · 0 评论 -
路由(前后端路由阶段+vue-router)
路由(一)后端路由阶段早期的网站开发整个HTML页面是由服务器来渲染的。服务器直接生产渲染好对应的HTML页面,返回给客户端进行展示.1、后端路由一个页面有自己对应的网址,也就是URL.URL会发送到服务器,服务器会通过正则对该URL进行匹配,并且最后交给一个Controller进行处理。Controller进行各种处理,最终生成HTML或者数据,返回给前端.当我们页面中需要请求不同的路径内容时,交给服务器来进行处理,服务器渲染好整个页面,并且将页面返回给客户顿.这种情况下渲染好的页面,原创 2020-11-15 23:04:19 · 560 阅读 · 0 评论 -
VUEX的简单使用
Vuex(一)概述vuex是一个专门为vue.js设计的集中式状态管理架构。1、Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。2、你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好地了解我们的应用。(二)Vuex的安装1、在 V原创 2020-11-09 15:57:49 · 119 阅读 · 0 评论 -
Vue-CLI(vue脚手架)安装的详细过程包括vue-cli2和vue-cli3
Vue-CLIVue-CLI:命令行工具,用于快速生成Vue项目基础架构,简化程序员创建Vue项目的过程。CLI的意思:CLI是Command-Line Interface,翻译为命令行界面,但是俗称脚手架.Vue CLI是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置.(一)安装vue-cli前的准备安装vue-cli之前要先安装node和webpackvue-cli2与vue-cli3区别vue-cli 3是基于web原创 2020-10-26 12:22:31 · 1362 阅读 · 0 评论 -
webpack入门使用,超详细步骤
Webpackwebpack是一个现代的js应用的静态模块打包工具,依赖于node环境从图中我们可以看出,webpack将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求(一)webpack安装1、先检测是否安装了node.js2、安装webpack全局安装npm i webpack -g在项目中安装npm i webpack --save-dev(二)创建项目1、建两个文件夹分别为src和dist建一个文件为index.html,在src下建一个文件原创 2020-10-25 21:52:48 · 2862 阅读 · 3 评论 -
VUE组件
VUE组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子(一)注册组件步骤1、创建组件构造器对象const cpmC = Vue.extend({原创 2020-10-22 16:52:42 · 142 阅读 · 0 评论 -
VUE指令(三)
VUE指令(三)(一) v-if1、v-if v-else-if v-elsevue的条件指令可以根据表达式的值在dom中渲染或销毁元素或组件2、v-if后面的条件为false时,对应的元素以及其子元素不会渲染也就是说不会有对应的标签出现在dom中<body> <div id="app"> <h2 v-if="isshow">{{message}}</h2> <!-- v-if为false时显示v-el原创 2020-10-22 16:36:07 · 190 阅读 · 0 评论 -
VUE指令(二)
VUE指令(二)computed■我们知道,在模板中可以直接通过插值语法显示一些data中的数据。■但是在某些情况,我们可能需要对数据进行一些转化后再显示 ,或者需要将多个数据结合起来进行显示比如我们有firstName和lastName两个变量,我们需要显示完整的名称。但是如果多个地方都需要显示完整的名称,我们就需要写多个{{firstName}} {{lastName}}■我们可以将上面的代码换成计算属性:computed<div id="app"> <原创 2020-10-22 16:16:31 · 143 阅读 · 0 评论 -
VUE指令(一)
Vue指令(一)(一)v-once1、该指令后面不需要跟任何表达式(比如之前的v-for后面是由跟表达式的)2、该指令表示元素和组件只渲染-次,不会随着数据的改变而改变。<body> <div id="app"> <h2>{{message}}</h2> <h2 v-once>{{message}}</h2> </div></body><scrip原创 2020-10-22 16:03:38 · 249 阅读 · 0 评论 -
Vue组件通信
父传子------props在组件中,使用选项props来声明需要从父级接收到的数据。(一) props的值有两种方式:1.方式一︰字符串数组,数组中的字符串就是传递时的名称。2.方式二∶对象,对象可以设置传递时的类型,也可以设置默认值等(二) 用props传值方法:(1)组件模块的分离<template id="cpn"> <div> <h3>{{cmessage}}</h3> &原创 2020-09-21 19:37:14 · 124 阅读 · 0 评论