Vue
Mon Roi
这个作者很懒,什么都没留下…
展开
-
style中如何直接使用变量
1、普通HTML<div id="div" style="position:absolute; top:50px; left:100px;"></div>var start = 100;var div = document.getElementById("div");div.style.top = start + "px";2、Vue中方法1<span :style="{'color': color}"></span>此处的color可以原创 2021-01-07 17:17:18 · 6765 阅读 · 0 评论 -
uni-app 封装request
1、新建文件 /common/request.jslet baseURL = '';function myRequest(options) { let token = options.header ? options.header["token"] : uni.getStorageSync('token'); return new Promise((res, rej) => { uni.request({ url: options.url, method: options.me原创 2021-01-07 17:06:51 · 164 阅读 · 0 评论 -
Vue项目上线相关配置 使用node创建web服务器
通过node创建web服务器新建文件夹 vue_shop_server,VS Code打开文件夹npm init -y 初始化包管理文件npm install express -S 安装Express将vue_shop文件夹中的dist目录复制到vue_shop_server中在vue_shop_server根目录下新建入口文件app.js运行命令node .\app.js启动成功后,在浏览器地址栏输入127.0.0.1,即可浏览页面目录结构:// app.jsconst exp原创 2020-12-13 15:38:13 · 791 阅读 · 1 评论 -
vue项目build时,解决console.log警告
vue项目打包时,去掉console.log输出安装插件:npm install babel-plugin-transform-remove-console --save-dev在babel.config.js文件的plugins中添加transform-remove-console,此时再build就不会有console警告了。module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [原创 2020-12-13 11:21:32 · 1260 阅读 · 1 评论 -
Vue如何封装多个全局过滤器到一个文件
Vue如何封装多个全局过滤器到一个文件1.在src下新建filters文件夹,并新建index.js。2.在index.js中实现过滤器方法3.在main.js里面添加4.在.vue里面使用在写vue项目时,所用的过滤器很多时,把所有的过滤器方法封装在一个文件中,然后导出,并绑定在vue实例上。1.在src下新建filters文件夹,并新建index.js。2.在index.js中实现过滤器...转载 2019-09-01 16:00:33 · 162 阅读 · 0 评论 -
Vue中非父子组件传值
Vue中非父子组件传值vue官网指出,可以使用一个空vue实例作为事件中央线,也就是说非父子组件之间的通信必须有公共的实例(可以是空的),才能使用emit获取emit获取emit获取on的数据参数,实现组件通信。创建公共实例文件eventBus.js,作为公共数控中央总线。import Vue from 'vue'export default new Vue()第一个组件(传值组件)f...原创 2019-09-01 16:01:00 · 219 阅读 · 0 评论 -
webpack创建Vue项目
webpack创建Vue项目cd 目录路径vue init webpack 项目名字 <名字中不能有中文>一些可选设置cd 进入创建项目目录安装项目依赖 npm install安装路由模块 npm install vue-router --save...原创 2019-08-09 10:40:26 · 141 阅读 · 0 评论 -
Vue + Tomcat打包(Mac)
Vue + Webpack + Tomcat打包(Mac)一、 部署到Tomcat在路由中添加base: ‘/demo’npm run build 生成dist文件在Tomact安装下目录下的webapps新建文件夹demo,将dist下的index.html和static文件夹拷贝到demo中启动Tomcat服务器cd Tomcat安装路径cd binsudo sh startu...原创 2019-08-08 15:20:06 · 221 阅读 · 0 评论 -
vue-router
vue-router1. <router-link>1.1 概述1.<router-link>组件支持用户在具有路由功能的应用中(点击)导航。2.通过to属性指定目标地址,默认渲染成带有正确链接的<a>标签,可以通过配置tag属性生成别的标签。3.另外,当目标路由成功激活时,链接元素自动设置一个表示激活的CSS类名。1.2 优点1.无论是HTML5...原创 2019-09-01 16:00:48 · 184 阅读 · 0 评论