- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue 3.0 vue.config.js配置
配置文件的变化在vue3.0之前，vue-cli搭建的项目，有builid和config两个文件夹。在其中可以配置一些项目参数。在vue3.0之后，上述两个文件夹没有了，如果需要更改一些配置，需要在项目的根路径下新建vue.config.js文件，在该文件中配置。打包项目，配置文件读取路径的配置vue 3.0 在vue.config.js文件中配置如下：module.exports ...
2019-06-11 11:21:22
2228
原创 vue + mixins 使用实例
mixins可写入的模块mixins可写入组件export default 中的所有内容。data , methods , components , computed 和 钩子函数。这些内容会根据不同的规则融合到组件中。data，methods和components在组件中可以调用的data为本身的data和mixins中data的并集 , 如果data的键冲突，以组件本身的值为准；met...
2019-05-20 15:56:54
1849
转载 vue 引入字体文件
引入字体文件1、将字体文件拷贝到assets/ttf文件夹下。2、在assets/css文件夹下新建font.css文件，在其中引用字体文件：@font-face { font-family: "DS-DIGII"; src: url('../ttf/DS-DIGII.TTF'); font-weight: normal; font-style: normal...
2019-05-15 17:38:18
2754
4
转载 css实现字体、盒子发光
盒子发光box-shadow: 0 0 10px 10px rgba(0, 255, 0, 0.8);字体发光text-shadow该属性为文本添加阴影效果text-shadow: h-shadow v-shadow blur color;h-shadow: 水平阴影的位置(阴影水平偏移量)，可为负值，必需v-shadow: 垂直阴影的位置(阴影垂直偏移量)，可为负值，必需blu...
2019-04-18 17:30:49
2665
原创 vue 动态组件的使用
动态挂载组件在div、component等标签上使用:is来绑定挂载的组件名。<template> <div id=""><div class="typeAll"> <div :class="['first',currentTab=='staff'?'active':'type']" ref="staff" @click="toggleTab...
2019-04-18 17:22:14
408
原创 z-inex 使用遇到过的问题
背景在项目开发过程中，首页背景图中需要嵌入转动的3D地球。使用echarts-gl生成的3D地球，地球在canvas容器中，canvas容器是长方形。如果要让地球融合到首页背景图中，需要使用z-index属性，改变3D地球的图层，使其在最底层。同时需要设置首页背景图的z-index属性。说明z-index 只有和absolute同时使用时才会生效。现在有一个冲突点：不能同时设置positi...
2019-04-16 18:20:02
240
原创 css div盒子居中的方法？
如何让盒子居中？1、block元素，使用margin属性.center { margin: auto; width: 90%; border: 3px solid #73AD21; padding: 10px;}<div class="center"> <p>我是居中盒子，当width为100%时，margin属性失效。但是盒子...
2019-04-13 18:28:45
3336
转载 css 背景图片随屏幕大小自适应全屏
如何设置背景图片填充整个屏幕 background: url(../assets/img/showBg.png) no-repeat top center; background-size: cover; background-attachment: fixed; width: 100%; height: 100%; position: fixed; top: 0; ...
2019-04-13 15:49:17
13719
原创 vue公共URL 定义方法(六)
这里写自定义目录标题定义公共变量正确的方式原因解释定义公共变量vue3.0中，放在public文件夹下文件并不一定会不被打包。如果在main.js中直接引用，肯定会被webpack打包。如下写法在打包后，及时更改了url.js中的url地址，更改后的地址还是无效的。1、目录结构：2、url.js内容export const httpUrl="http://10.88.44.142:80...
2019-04-10 15:00:02
2975
2
原创 vue+bus+生命周期(五)
bus的使用方法1、在js文件中定义一个中央事件总线BUS，并暴露出来。import Vue from 'vue'const Bus = new Vue()export default Bus2、在文件A(传递数据)和文件B（接收数据）中引入bus。import Bus from '@/js/bus';3、在文件A中放入数据，在文件B中取出数据。 beforeDestroy()...
2019-04-04 10:13:38
678
原创 vue+websocket使用总结(四)
安装sockjs-client和stompjsnpm/cnpm install sockjs-clentnpm/cnpm install stompjs在需要使用的vue文件中引用import SockJS from 'sockjs-client';import Stomp from 'stompjs';在文件中监听websocket接口var socket = new Soc...
2019-04-01 13:45:47
2063
转载 vue控制代码执行顺序之$nextTick()(三)
当动态渲染页面时，如何判断页面的DOM节点已经渲染完成？vue 有一个重要的概念：异步更新队列。Vue在观察到数据时并不是直接更新DOM，而是开启一个队列，并缓冲在同一个事件循环中发生的所有数据变化。在缓冲时会去除重复数据，从而避免不必要的计算和DOM操作。如下：通过websocket方式接受了后端的数据，并在页面渲染了几个图标。如果要获取第一个图标，并将其颜色变蓝，如果不使用nextTick...
2019-04-01 10:43:21
3176
原创 vue学习笔记之项目结构分析（二）
@Candy vue学习笔记之项目结构分析（二）第一步以3.0及以上版本为例，以下为基础的项目结构图：public 目录下是vue 项目整个程序入口，一个index.html文件中只包含一个id为app的空div块，views文件夹下的内容会根据配置加载到index.html文件中。index.html文件原则上不做修改。src 目录下包含三个文件夹assets用来放背景图。compon...
2019-03-26 22:18:40
296
原创 vue 学习笔记之框架搭建（一）
@Candyvue学习笔记之框架搭建（一）第一步安装npm 和 Nodejs。使用npm -version 和node --version两个命令分别查看已经安装的版本。安装vue脚手架 : npm install –g vue-cli已经安装过需要更新脚手架版本 ： npm install –g @vue/cli安装完成后查看vue的版本： vue -V第二步环境准备好之后，即可搭...
2019-03-26 20:51:59
281
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人