![](https://img-blog.csdnimg.cn/20201128224656776.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 50
Vue相关知识
深巷的猫~
在挣扎的边缘徘徊中.......
展开
-
element 2.x组件
一、下拉选择框二、省市级三级联动三、引入部门信息四、动态表格五、导入表格六、其他组件原创 2022-07-24 21:48:01 · 5977 阅读 · 0 评论 -
安装vue-cli时:npm WARN deprecated @hapi/joi@15.1.1: Switch to ‘npm install joi‘
安装vue-cli脚手架出错:npm install @vue/cli -gnpm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'解决方法:需要清一下缓存,再执行该指令npm cache clean --forcenpm install @vue/cli -g原创 2020-11-28 23:06:32 · 18158 阅读 · 2 评论 -
创建Vue项目(安装Nodejs及相关插件)
Node.js 是一个基于 Chrome V8 引擎的javascript运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台,它让javascript成为与PHP、Python等服务端语言平起平坐的脚步语言。安装Nodejs1、下载安装包官网进行nodejs下载,如下图所示,根据windows的版本选择32或64位的安装包下载。2、 双击安装包安装,可以直接一路next下去,最终点击finish3、检测no原创 2021-06-02 17:32:21 · 1964 阅读 · 1 评论 -
vue相关知识点
1、插槽slot插槽使组件具有更强的扩展性,抽取共性,保留不同在子组件中,使用特殊的元素slot就可以为子组件开启一个插槽(可设置默认值),该插槽插入什么内容取决于父组件如何使用具名插槽子组件<slot name="left"></slot><slot name="right"></slot>父组件<span slot="left"></span><p slot="right"></p>基原创 2021-02-24 22:04:47 · 85 阅读 · 0 评论 -
tabbar全局结构搭建
一、搭建思路1、自定义TabBar组件,位于底部,并设置样式2、TabBar中显示的内容由外界决定,定义插槽,flex布局平分TabBar3、自定义TabBarItem组件,设置样式,并定义两个插槽:图片和文字4、填充插槽,实现底部TabBar效果5、TabBar-TabBarItem和路由动态结合TabBarItem颜色动态控制效果图如下:点击哪个跳转到对应页面二、代码如下1、main.jsimport Vue from 'vue'import App from './App.vu原创 2020-12-11 15:26:32 · 290 阅读 · 0 评论 -
axios(网络请求模块)
axios:网络请求模块功能特点:①在浏览器中发送XMLHttmRequest请求;②在node.jx中发送http请求;③支持Promise API;④拦截请求和响应;⑤转换请求和响应数据。基本使用axios({ url:'http://123.207.32.32:8000/home/multidata', // 传递参数 params:{ }, method:'get'}).then(res => { console.log(res)})...原创 2020-12-07 22:00:07 · 252 阅读 · 0 评论 -
Vuex(状态管理模式)
Vuex:状态管理模式,它采用集中式存储管理应用的所有组件的状态,应用于多级或者多个界面共享,如 登录状态,用户名,头像,地理位置,收藏,购物车等安装:npm install vuex --save一、搭建Vuex框架1、安装插件Vue.use(Vuex)2、创建对象const store = new Vuex.Store({ state:{ }, mutations:{ }, action:{ }, getters:{ }})3、导出export原创 2020-12-06 17:08:18 · 139 阅读 · 0 评论 -
vue-router使用
1、安装vue-routernpm install vue-router --save2、在模块化工程中使用它(1)导入路由对象,并调用Vue.use(VueRouter)import VueRouter from 'vue-router'Vue.use(VueRouter)(2)创建路由实例,并传入路由映射配置const router = new VueRouter({ //配置路由和组件之间的映射关系 routes:[]})(3)在Vue实例中挂载创建的路由实例导出原创 2020-12-03 21:30:07 · 260 阅读 · 0 评论 -
webpack使用
一、安装webpack首先安装node(点击详情),再安装webpack,命令如下:npm install webpack@3.6.0 -gwebpack -v二、webpack使用CSS文件,步骤如下:1、编写CSS文件2、在main.js中引用require('./css/normal.css')3、打包npm run build出现如下错误(1):解决方法:1> 安装css-loader和style-loaderstyle-loader将模块的导出作为样式添加原创 2020-11-26 17:57:07 · 398 阅读 · 0 评论