vueJs
微微一芯
倚楼听风雨,看尽凡尘事。
展开
-
Vue cli3 项目搭建
如果安装了vue cli1.x或者vue cli2.x,可以先卸载掉。```npm uninstall vue-cli -g```1.安装Vue clinpm install -g @vue/cli安装之后可以查看vue cli的版本:vue --version2. 创建项目vue create project-name注意:一开始是有两个选项: defau...原创 2019-12-19 18:36:17 · 227 阅读 · 0 评论 -
vue 接口请求地址前缀本地开发和线上开发设置
开发环境 config/dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./dev.env')module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT: '"https:/...原创 2018-12-05 18:01:28 · 15669 阅读 · 1 评论 -
vue中使用sass 配置
1. 首先进入vue 项目,npm install安装依赖2. 安装sass的依赖包npm install --save-dev sass-loader/*sass-loader依赖于node-sass*/npm install --save-dev node-sass3、在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test: ...原创 2018-10-11 17:29:31 · 644 阅读 · 0 评论 -
vue2 时间倒计时
由于项目需要开发一个倒计时的功能,后台传送了一个结束时间的字段。 因此,这里封装了一个组件:<template> <p class="p2" :endTime="endTime" :callback="callback" :endText=&原创 2018-09-13 18:45:56 · 4822 阅读 · 1 评论 -
vue2 父组件调用子组件的方法
vue里面父组件调用子组件的方法是通过$refs实现的。//子组件export default{ methods:{ getDealer:function(value){ console.log(value); console.log('这是子组件方法'); } }}//父组件<...原创 2018-08-30 14:09:58 · 2492 阅读 · 2 评论 -
vue父子组件通信
1.父组件传递数据给子组件//父组件数据传递给子组件,可以通过props属性来实现父组件:<parent> <child :child-msg="msg"&a原创 2018-08-28 16:11:27 · 187 阅读 · 1 评论 -
vue 父组件需要子组件返回的值作为请求参数
实现该功能,思路就是:子组件请求完成的时候 $emit, 父组件触发事件请求数据。//子组件export default{ mounted: function() { this.$axios({ method: 'get', url: Constants.HOME_URL + '/dealer/' ...原创 2018-08-30 18:52:13 · 1881 阅读 · 2 评论 -
Vue开源项目库汇总
UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 - 基于Vue和WeUI的组件库mint-ui ★4776 - Vue 2的移动UI元素iview ★4458 - 基于 Vuejs 的开源 UI 组件库Keen-UI ★2363 - 轻量级的基本UI组件合集vue-material ★2207 - 通过Vue Material和Vue 2建立精...原创 2018-03-01 15:15:48 · 273 阅读 · 0 评论 -
命令行搭建vue的项目框架
1.首先安装node和npm2.安装vue:npm install -g vue-cli//-g表示全局安装,vue-cli是模块,全局安装的模块可以在命令行直接使用由于npm网站在国内速度非常慢,所以可以在命令后面加上淘宝的镜像即:npm install -g vue-cli --registry=https://registry.npm.taobao.org原创 2016-11-15 16:40:06 · 7660 阅读 · 3 评论