一、 报错图例如下:template or render function not defined vue 突然报错了,怎么解决 什么错误呢,就是加载不出来,网上看了一通,是vue版本不对,是vue-compile 包安装的不对。可自我感觉不是这个问题,为什么其他相同的组件就能加载出来。。 突然发现
转载 2020-05-13 09:40:00
98阅读
2评论
Vue-cli搭建的项目中引入css报错的原因分析我最近在研究Vue的路上,今天遇到了个问题,在vue cli 引入css报错,后来查询了很多资料,那么今天也算个学习笔记吧!1.问题描述之前用vue-cli搭建的项目,在main.js中引入elementUI库中的css,或者在其他文件中(比如App.vue)引入自己的css文件(假如你的文件是在src目录下),都会报一个相同的错。下如图经过一番
CSS(层叠样式表)分成两个部分: 内联样式和外部样式。
转载 2023-05-26 23:39:20
46阅读
1、在入口js文件main.js中引入,一些公共的样式文件,可以在这里引入。import Vue from 'vue'import App from './App' // 引入App这个组件import router from './router' /* 引入路由配置 */import axios
转载 2019-06-04 14:54:00
1498阅读
2评论
一.全局引入import "@/文件路径"; //@代表的是你的项目根路径例如:  二、在style标签中引入(可设置成局部)  在标签上添加scop
原创 2023-05-29 11:59:16
474阅读
文章目录1.前言2.创建普通项目3.引入Vue的js文件4.编写Hello Vue!4.1动态修改5.绑定元素特性5.1效果6.判断特性codeFalseTrue6.2.If else6.3.Else if7.绑定数组7.1. div7.2.数组7.3.效果8.监听——逆转消息9. v-model 双向绑定9.1.code9.2.实现效果9.3.例子29.4.实现效果10.监听属性 watch1
转载 7月前
52阅读
分离vue或者uni-app的js和css
原创 2023-02-16 11:55:41
332阅读
背景:项目采用前后端分离技术,后端主要用springBoot+springCloud等技术,前端采用Vue。部署中遇到了种种问题,尤其是前端部署中,以下是采用IIS部署的详细步骤,以及问题的解决方案,希望能帮助到大家。后端运行步骤在另一篇文章中有记载,查阅:首先,编写前端代码,安装nodes环境(自行百度),代码编写完后,修改config文件夹下的index.js中的IP地址,然后将Vue前端项目
我们想设计一个w=180px;h=100px的div; .demo1 { width: 180px; height: 100px; background: pink; padding: 10px; border: 1px solid #c1c1cc; margin: 5px; } <div clas
原创 2022-09-01 16:59:02
101阅读
选择器分组假设希望 h2 元素和段落都有灰色。为达到这个目的,最容易的做法是使用以下声明:h2, p {color:gray;}将 h2 和 p 选择器放在规则左边,然后用逗号分隔,就定义了一个规则。其右边的样式(color:gray;)将应用到这两个选择器所引用的元素。逗号告诉浏览器,规则中包含两个不同的选择器。如果没有这个逗号,那么规则的含义将完全不同。参见后代选择器。可以将任意多个选择器分组
摘要: 本文要实现的内容,使用nodejs 对文件的增删改查,演示的例子-》分离出一个html 文件里面的script 和style 里面的内容,然后单独生成js文件css 文件。中间处理异步的api-》async/await , Promise项目托管:extract-js-css  , 欢迎star直接上代码:// import fs from 'fs' var fs = require('
原创 2021-05-13 21:29:53
284阅读
什么是CSS-in-JS?顾名思义,CSS-in-JS就是可以使用JS来编写CSS样式,那么为什么要用JS来编写CSS呢?我写CSS写的好好的,干嘛非给自己找不自在呢?相信以前大家都听说过这么一个词:关注点分离,就算没听过这个词那么你肯定至少也听说过这么一句话:要把HTML、CSS和JS分开编写,不要写在一起形成耦合,不要写行内样式和行内脚本等,比如像这样?CSS-in-JS但是React的出现打
VUE构建前后端分离的前端项目(超详细)1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势:分工明确,提高工作效率,前端主要关注页面、用户体验,后端主要关注业务、安全。性能提升,前端通过路由配置实现按需加载,后端无需解析前端页面。前后端同时开发,提升开发效率。发
前端vue+后端spring boot,第一次采用这种分离形式进行开发,最近项目要上线了,需要部署到服务器上,因为自己还是刚刚接触学习这种分离开发的模式,部署的时候遇到了很多问题,最近几天搞这个上线的事情被虐得心态差点崩溃,刚从一个坑里出来立马又被拖进另一个坑,深刻体会到——学海无涯苦作舟,特此记录小结一下,也算是小白踩坑的一个小小纪念吧。下图展示了前端项目和后端项目的基本结构,接下来就是如何编译
转载 2024-03-07 17:11:01
563阅读
文章目录1、前端vue的搭建2、后端项目的构建pom文件中引入的jar包yml文件用来配置连接数据库和端口的设置application.property进行一些整合controller层(这里返回给前端的数据用json)service层imp层mapper实体类额外写一个类、解决跨域问题3、测试1、前端vue的搭建建立项目的过程略 开启一个建立好的vue项目用npm run dev 关闭一个vue
转载 2023-12-15 14:27:10
162阅读
在前端模块化的开发中,不单单JS文件可以看作模块,像CSS,图片和其他文件也可以看作模块;只不过默认的webpack仅支持JS的模块化,其他不支持,但是可以通过安装不同的loader,来支持不同的文件;比如CSS文件,那就要安装css-loader(加载和解析css)、style-loader(将解
转载 2021-03-27 14:48:00
422阅读
Vue CSS文件的导入js 导入外置css文件import '路径'css 带入外置css文件(推荐使用)@import "路径";
原创 2022-01-10 10:38:13
307阅读
VUECSS样式穿透1. 问题由来在做两款H5的APP项目,前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想,组件不丰富,最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4(项目结构 webpack+vue+vuex+vue-router+vant+less)。相信好多做TOB的开发朋友都会选择顺手组件库。组件库内置了很多样式,方便了我们开发者
转载 2024-04-28 10:38:40
70阅读
Vue前后端分离 一、工程创建前期(不用切换目录) 1、安装淘宝镜像cnpm npm install -g cnpm -registry=https://registry.npm.taobao.org 查看是否安装完毕: node –v npm –v 或 cnpm -v 2、安装脚手架,用于快速创建 ...
转载 2021-08-20 16:03:00
1141阅读
2评论
前言:2gitee源码:https://gitee.com/web-paul/springboot-vue第一部分:vue前端目录:一、assets目录: 引用了一个全局css样式,最后在main.js引入即可 main.js中:import '@/assets/css/global.css'二、components目录:Aside代表侧边栏组件:el-menu这个标签记住了 1处代表设置默认高亮
转载 2024-05-14 15:32:08
235阅读
  • 1
  • 2
  • 3
  • 4
  • 5