(1)组件化模块化就是将系统功能分离成独立的功能部分的方法,一般指的是单个的某一种东西,例如js、css而组件化针对的是页面中的整个完整的功能模块划分,组件是一个html、css、js、image等外链资源,这些部分组成的一个聚合体优点:代码复用,便于维护划分组件的原则:复用率高的,独立性强的组件应该拥有的特性:可组合,可重用,可测试,可维护(2)组件在vue中,我们通过Vue.extend来创建
在main.js引入 import '../static/assets/css/reset.css' // 重置样式import '../static/assets/css/common.css' // 公共样式 在App.vue中引入 @import '../static/asst...
原创
2022-10-13 16:57:04
507阅读
使用@import引入外部css,作用域是全局的 import并不是引入代码到<style></style>里面,而是发起新的请求获得样式资源,并且没有加scoped 我们只需把@import改成<style src=""></style>引入外部样式,就可以解决样式是全局的问题
转载
2018-07-27 14:33:00
301阅读
2评论
目录创建一个vue工程:SPA:一切皆组件在App.vue文件中:全局唯一的路由配置文件router/index.js:在HomView.vue文件中:代码分析: Element UI局部组件库的使用:1.官网:2.安装3.导入创建一个vue工程: 路由Vue Router:路由的作用是用来跳转页面的但是Vue工程是SPA工程,只存在一个HT
@inport “xx.wxss”在CSS里面引入其他标签 执行顺序从上到下,后执行能覆盖之前样式
原创
2021-07-14 10:51:49
126阅读
Vue中自动化导入样式在程序启动之初先把需要的文件加载进来,在其它文件中可以大胆的使用npm i -D style-resources-loader在Vue中的配置// vue.config.js
const path = require('path')
function addStyleResource (rule) {
rule.use('style-resource')
.l
转载
2021-04-20 22:04:09
889阅读
2评论
vue中我么会经常用到通用的一些全局的方法,如何左才能实现全局的复用减少代码累赘呢? 我们一般将公用的方法分装再utils.js文件中,然后再main.js主入口文件中将utils.js中的公共的方法通过@import引入进来即可,或者我们通过再main.js中设置Vue.prototype.xxx
原创
2021-07-19 16:49:25
720阅读
一、img标签1、静态引入(静态路径加载)相对路径<img class="pic-404__child left" src="../../assets/404_images/404_cloud.png" alt="404">绝对路径<img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" al
转载
2023-06-08 23:39:26
4500阅读
css样式中@import引入样式
原创
2021-06-03 17:32:46
665阅读
由于在最近的项目中,需要用到扫一扫二维码签到的功能,在纯H5的页面中要实现这个是不太可能的,所以考虑用jssdk或者混合开发,由于没有微信公众号和混合开发的经验,混合开发不太现实,公司没有考虑这个,而jssdk有其他公众号平台的公司配合,所以就看看技术上能不能实现。技术上要考虑的就是,能不能在项目中引入jssdk,然后当用户在微信端打开的时候,就能够通过jssdk来调用微信的扫一扫功能。由于公司和
文章目录一、初步认识render函数二、为什么使用render函数三、render函数的解析 一、初步认识render函数import Vue from 'vue'
import App from './App'
Vue.config.productionTip = false
new Vue({
el: '#app',
render: h => h(App)
})在使用脚手架
(1). 深度作用选择器:希望scoped样式中的一个选择器能够作用得"更深",如影响子组件.覆盖element-ui中的样式时,只能通过深度作用选择器.(2). /deep/:.a {
/deep/ .b {
/* ... */
}
}
注:
①. less可以使用.
原创
2023-10-26 10:54:54
73阅读
引入CSS样式文件
原创
2016-10-17 11:00:26
1655阅读
公共样式的引入,项目中的公共样式怎么引入
原创
2022-11-18 00:08:02
153阅读
前景提要个人在学习less时候的学习笔记及个人总结,主要是结合less中文网来学习的,但是说是中文网并不是中文呀,看起来很耽误时间,为了避免以后再次看的时候还要翻译思考,特意做此总结,方便以后查阅。概述Less是Css的一种扩展,完全兼容css语法,我们在使用中可以直接 link 引入也可以,通过编译工具,将less 编译成 css后再引入;目录:一、变量二、Extend 扩展三、Mi
svg图标放大不失真,png会出现失真现象。一、方法一1、在对应vue项目里添加插件vue add svg-sprite输入 Y2、再执行npm install svgo svgo-loader --save-dev然后你就会看到 自动新增 的根目录文件vue.config.js和src/components/SvgIcon.vue,如图:3、在main.js里注册SvgIcon组件//引入s
转载
2023-09-05 23:01:13
143阅读
首先 npm i axios, npm 下载 axios 插件.第一种方式: 直接在 vue 组件中导入 axios, 并直接引用.注意一点, axios 是一个基于 promise 网络请求库, 这意味着, 你必须使用 ES6 的 then() 或者 ES8 的 async/await 来处理 Promise 实例对象. (各位, 我这里用的是 async/await.)components/H
转载
2023-07-04 14:57:39
560阅读
一、render函数在Vue中的使用import Vue from 'vue'
//引入App组件,它是所有组件的父组件
import App from './App.vue'
//关闭vue的生产提示
Vue.config.productionTip = false
//创建Vue实例对象---vm
new Vue({
el:'#app',
//render函数完成了这个功能:将App组件
不想在index.html文件中全局引入CDN资源,那么如何在Vue单文件组件中引入?下面来瞅瞅~虚拟DOM创建Vue 通过创建一个虚拟 DOM 来追踪自己要改变的真实 DOM什么是虚拟DOM?return createElement('h1', this.blogTitle)createElement实际返回的是createNodeDescription而非实际上的DOM元素,因为它所包含的信息
模板语法Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。
指令和模板语言要结合使用下面的学习,都使用vue3来学习,
vue介绍,使用vue创建项目:
都在项目中进行模板语法的学习,文本插值:使用花括号{{ msg }}<template>
<H1>{{msg}}</H1>
<p>{{msg}