vue
文章平均质量分 77
记录 vue 开发中用到的知识点
Smile.ls
这个作者很懒,什么都没留下…
展开
-
vue-cli3+ 搭建pc端管理项目(五, axios 使用及封装)
任何一个系统,和后端的数据交互都是必要的。vue 项目推荐使用 axios安装npm install axios使用第一种方式,将 axios 添加到 Vue 原型上。(不推荐)// main.jsimport Vue from 'vue'import App from './App.vue'import './registerServiceWorker'import router from './router'import store from './store'impo原创 2021-09-07 22:00:36 · 392 阅读 · 0 评论 -
vue-cli3+ 搭建pc端管理项目(四, 按需引入 element-ui,支持修改主题色)
pc 端的项目,ui 推荐使用 element-ui。毕竟 element-ui 是基于 vue 的,契合度会更高一些。element-ui 有两种引入方式:全部引入,和 按需引入。全部引入:先安装:npm i element-ui -S// main.jsimport ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);按需引入:安装:原创 2021-09-06 22:31:02 · 465 阅读 · 0 评论 -
vue-cli3+ 搭建pc端管理项目(三, css预处理器scss使用)
项目中使用 css 预处理器,可以提高 css 开发效率,合理应用预处理器的特性,也可以提高 css 代码的可维护性。目前常见的 css 预处理器有三种:less,scss(sass升级版),stylus。不管是哪一种,最基本的variables,extend,mixin,import 这些都是有的,只不过具体的用法和写法各有不同罢了。大家可以根据自己的喜好,选择自己喜欢的预处理器。我选择的是 scss。具体原因是:element-ui 的theme-chalk 使用 scss编写,项目中如果也..原创 2021-09-05 23:34:29 · 788 阅读 · 0 评论 -
vue-cli3+ 搭建pc端管理项目(二, 不同环境配置[开发,测试,生产])
项目开发中,会使用到不同的运行环境,例如:开发环境,测试环境,生产环境。1. 配置打包命令package.json文件中修改 serve,build 命令,并添加 test 命令。如下:// package.json"scripts": { "serve": "vue-cli-service serve --mode development", "build": "vue-cli-service build --mode production", "test":原创 2021-09-01 23:40:24 · 438 阅读 · 0 评论 -
vue-cli3+ 搭建pc端管理项目(一, 项目创建)
写在最前:node 版本要求 >= 8.9 。安装安装脚手架: npm install @vue/cli(如果是全局安装,安装命令加 -g)检验安装成功:在命令窗口中输入命令: vue --version 或者 vue -V (v大写)出现版本号即为安装成功搭建项目1. vue create 项目名称 (项目名称中,不要有大写字母)2. 选择手动配置后,配置如下:3. 选择 vue 版本 (2.x)4. 是否使用 class.原创 2021-09-01 23:15:04 · 623 阅读 · 0 评论 -
Vue watch 使用方法详解,及路由监听
Vue 中可以通过 watch 自定义侦听器,来响应数据的变化,支持对 data,props,computed 中的数据进行监听。基本用法基本类型监听data () { return { name: '小黑', age: 300, isSpirit: true }},watch: { name: function (newVal, oldVal) { console.log('name发生了变化:newVal:' + newVal + '原创 2021-07-24 20:02:33 · 995 阅读 · 0 评论 -
Vue异步组件的三种实现方式
异步组件异步组件的特点:Vue 只有在这个组件需要被渲染的时候才会从服务器端请求组件的相关js,且会把结果缓存起来供未来重渲染。异步组件的好处:提高性能。在大型应用中,我们可以将应用分割成小一些的代码块,并且只在需要的时候才从服务器加载一个模块。通常的使用就是在配置路由的时候,使用异步组件的加载方式,只有路由被触发时,才会加载对应的组件。而不是一次性加载所有的组件,这样很有利于提高性能。异步组件三种实现方式工厂函数// 全局注册Vue.component('child1'原创 2021-07-19 20:16:21 · 2657 阅读 · 0 评论 -
vue 的组件之间传值(父子组件,兄弟组件,祖孙组件,任意组件)
1. props / $emitprops 父组件传值给子组件 $emit 子组件传值给父组件props:// 父组件<template> <div> <Child v-bind:list="users"></Child> </div> </template><script> import Child from "./components/Child" //子组件原创 2021-05-18 13:57:24 · 651 阅读 · 0 评论 -
Error: Can‘t find Python executable “python“, you can set the PYTHON env variable
记一次问题解决记录。问题:在执行 npm install 的时候,报了 【Error: Can‘t find Python executable “python“, you can set the PYTHON env variable】的错误。错误截图如下:网上百度之后,有两种解决方法:方法一:安装python环境,但是python必须是2.7。如果安装的是其他版本,则无效。安装完成后,且需配置环境变量。方法二:执行 npm install --global --production原创 2021-05-11 18:19:35 · 3118 阅读 · 1 评论