首页 > 其他分享 >项目流程2

项目流程2

时间:2024-03-23 16:45:21浏览次数:19  
标签:npm less -- 流程 项目 element ui js

指令以v-开头

属性绑定v-bind

事件绑定v-on

 

修饰符是以点开头的特殊后缀

 

main.js是入口文件,先倒入了vue,再倒入了app根组件,再倒入了路由和element对应的组件

 

样式不生效,cmd 下载lessloder依赖包=>npm install less-loader --save-dev,如果还没安装less还需要安装less=>npm install less --save-dev

npm list --depth=0       检查当前目录是否安装了些什么

使用element UI时报错处理:

运行以下命令来尝试安装 element-ui=>    npm install element-ui --save

  (element-ui 被安装在 node_modules 目录下,可以查看一下是否存在,不需直接引用这个目录下的文件,在Vue.js 项目中按需导入 element-ui 组件)

  全局范围内使用 element-ui=>在     main.js文件中写

    import Vue from 'vue';

    import ElementUI from 'element-ui';

    import 'element-ui/lib/theme-chalk/index.css';

     Vue.use(ElementUI);

 

解决 WebSocketClient.js?5586:16 WebSocket connection to 'ws://192.168.13.25:8080/ws' failed:

 vue.config.js Vue的配置文件

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
devServer: {
host: '0.0.0.0',
// https:true,
port: 8080,
client: {
webSocketURL: 'ws://0.0.0.0:8080/ws',
},
headers: {
'Access-Control-Allow-Origin': '*',
},
},
transpileDependencies: true,
lintOnSave: false,
})

 

如果返回的结果是promise,可以用 await async 来简化操作,await 只能用在被 async 修饰的方法中

注意的是:紧挨着await的方法修改成 异步的 async方法

 

$router 编程式导航对象

this.$router.push('/home')

 

挂载路由导航守卫

router.beforeEach(( to , from , next ) => {

  // to 将要访问的路径

  // from 代表从哪个路径跳转而来

  // next 是一个函数,表示放行

             //1) next()    直接放行      2) next('/login')   强制跳转

})

标签:npm,less,--,流程,项目,element,ui,js
From: https://www.cnblogs.com/wuyunna/p/18087668

相关文章

  • 创建Django项目
    安装相关的包pipinstalldjango创建流程项目目录移除模板位置,同时删除最外面的模板文件夹templates快速创建应用注册应用注册路由视图相关模板#静态资源{%loadstatic%}<linkrel="stylesheet"href="{%static'/css/font.css'%}"><scriptsrc="{%st......
  • 记录真实项目中遇到的bug--003:支付bug
    T03:支付bug:1.优先级:P02.前提条件:用户A手机浏览器打开页面选择微信支付3.预期结果:弹出二维码,根据提示文字在微信中完成支付。4.实际结果:弹出二维码,根据提示文字无法在微信中完成支付5.缺陷跟踪:后台未赋予微信外浏览器H5支付权限,因为开发与产品业务未能对齐颗粒度,最终取消手......
  • skynet框架:关键流程的异常处理思路
    当一个执行流程存在对外调用时,我们讨论如何保证流程的可用和安全;假设流程是关键且强制原子性;--serviceAfunctionmain() step1() skynet.call(serviceB,"lua","step2") step3() returntrueend--serviceBfunctionCMD.step2() ...endcallserviceB动......
  • 使用Django-Simple-Captcha在Django项目加入验证码模块并自定义样式
    在Django项目中加入验证码功能,通常需要借助第三方库,比如Django-Smple-Captch、Django-reCAPTCHA、DEF-reCAPTCHA、Wagtail-Django-ReCaptcha、Django-Friendly-Captcha等。其中,Django-Smple-Captcha是一个流行的选择,它提供了一个简单而强大的Django应用,无需调用第三方API,......
  • 本地主机连接Linux虚拟机中的mongodb,并使用studio 3T连接,同时项目启动连接mongodb刷新
    本部分只做个人纪录**1.安装mongodb**本部分为尚硅谷的电影推荐系统的文档,具体以实际存放位置为准//通过WGET下载Linux版本的MongoDB[bigdata@linux~]$wgethttps://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel62-3.4.3.tgz//将压缩包解压到指定目录[......
  • .net core 实例教程(一)新建项目
    本文源码下载地址:http://www.80cxy.com/Blog/ResourceView?arId=202403191532545995NAAqJh系列教程地址:http://www.80cxy.com/Blog/ArticleView?arId=202403191517574161ay3s5V本实例教程将开发一个角色管理系统。主要包http://www.80cxy.com/Blog/ArticleView?arId=20240319151......
  • Vue开发日志:自定义组件:通用开发流程
    自定义组件:通用开发流程通用流程一组概念:key,value,labelProps:required和default同时存在的必要性让我们简单梳理一下通用流程在Vue.js中开发自定义组件的通用流程如下:定义组件模板:创建一个.vue文件,里面包含模板、样式和脚本部分。例如:<!--MyCustomCompone......
  • 项目六 分类汇总学生信息
    项目六分类汇总学生信息1,研究一下MySQL中的常用预定义函数用于文本串的处理函数时间和日期函数系统函数2,根据业务需求查询表中的汇总信息聚合函数的概念可以理解为:运行在行组上,计算和返回单个值的函数。对指定字段的数据汇总求和#sum()语法:sum(字段名)#例如......
  • phpstudy搭建tp项目
    将tp项目复制进phpstudy的www目录 phpstudy点击创建网站 网站根目录选择项目的public文件域名自取  启动apache和mysql服务接着点击管理打开phpmyadmin连接用户名和密码都是root 进入之后如果sql文件没有创建数据库只有创建数据表的语句需要自己在phpmyadmi......
  • 9.Go语言中的流程控制
    1、Golang中的流程控制流程控制是每种编程语言控制逻辑走向和执行次序的重要部分,流程控制可以说是一门语言的“经脉”。Go语言中最常用的流程控制有if和for,而switch和goto主要是为了简化代码、降低重复代码而生的结构,属于扩展类的流程控制。2、ifelse(分支结构)2.1......