引言 在写个人网站的时候,需要用到 iframe 引用本地静态的 html 文件,发现引用方式的一些差异,在此分享一下。Vue-cli 2.0 构建的项目引用在vue-cli 2.0 构建的项目中,如果要使用 iframe 引用本地的静态 html 文件,静态文件需要放置在和 src 同级的文件加夹 static 中。
如下图:在使用 iframe 的地方直接写 “相对路径” 就行,如下图:这里
转载
2021-01-24 11:59:54
2164阅读
2评论
一、html-webpack-plugin 编译 1、只需要在入口处定义一个chunks,如我们定义一个fuck模块 entry: { app: './src/main.js', fuck: ['./src/utils/index.js', './src/utils/index2.js'] }, 2
转载
2018-11-01 11:56:00
240阅读
2评论
参考官网:https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart 1.安装vant # Vue 3 项目,安装 Vant 3: cnpm i vant@next -S # 安装插件 cnpm i babel-plugin-import -D 注:这 ...
转载
2021-07-28 09:39:00
655阅读
2评论
前景提要:我在使用import echars from ‘echarts’ 出现 echarts is not defined 1.在cmd打开项目目录,执行 cnpm install echarts -S 安装完毕后,你会在package.json钟看到安装的echarts版本号,如下图所示 2. ...
转载
2021-08-25 11:10:00
444阅读
2评论
vue-class-component<script lang="ts"> import Vue from 'vue' import Component from 'vue-class-component' @Component export default class App extends Vue { // 初始化数据 msg = 123 // 声明周期
转载
2018-12-15 21:00:00
129阅读
2评论
1、public文件夹 使用绝对路径引入。 2、assets文件夹 使用相对路径引入。 https://cli.vuejs.org/zh/guide/html-and-static-assets.html#%E4%BB%8E%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84%E
转载
2019-08-12 14:56:00
313阅读
2评论
以上方式有一个缺点,需要全局安装命令行工具,而且安装依赖的时候有点慢,如果只是想简单快速的测试某个小功能,有点不划算。的方式,有时候又觉得不够完整,会提示一些奇怪的错误。通过手动新建目录文件的方式,自己安装依赖。
原创
2022-12-31 00:52:11
4195阅读
静态路由引入OSPF是一种常用的网络设计方法,它可以提高网络的可靠性和扩展性。在本文中,我们将会探讨静态路由引入OSPF的具体步骤和使用场景。
静态路由是一种手动配置的路由方式,管理员需要手动输入网络的目的地址和下一跳地址,静态路由会将数据包从源主机路由到目的主机。而OSPF(Open Shortest Path First)则是一种动态路由协议,它可以动态地选择最短路径,并根据网络拓扑的变化及
原创
2024-02-06 13:59:12
87阅读
@TOC(目录)方式一:全局安装@vue/cli文档https://cli.vuejs.org/zh/guide/(https://cli.vuejs.org/zh/guide/)bashnpminstallg@vue/cli查看版本vueversion创建项目vuecreatehelloworld以上方式有一个缺点,需要全局安装命令行工具,而且安装依赖的时候有点慢,如果只是想简单快速的测试某个小
原创
精选
2022-12-26 18:24:11
333阅读
如何引入Element PlusElement Plus参考文档https://element-plus.gitee.io/#/zh-CN新版的
原创
2022-11-17 01:39:54
225阅读
1、功能 增加Vue 2、创建插件(plugins.js)文件 a,b为其它参数 export default { install(Vue,a, b){ // 全局混入 Vue.mixin({ data() { return { x: 100, y: 99 } }, }) // 全局过滤器 Vue.
新版vue没有build文件夹,需要配置 vue.config.js 文件
转载
2020-04-18 15:59:00
70阅读
2评论
目录 1.Java接口可以定义常量么?接口可以定义变量么?2.java接口中还可以在定义接口?3.为什么要定义内部接口?4.java接口的特点?4.1 java8版本之前的特点4.2 java8 版本之后的特点5.项目中的常量是放在接口中,还是放在实现类中?6.Java中的Nested Classes和Inner Classes7.java8 default实体函数8.java
The vue-cli allows you to easily start up Vue projects from the command line while Nuxt.js enables a page-based routing system that follows your file
转载
2016-12-06 00:53:00
207阅读
2评论
VUE框架CLI组件天气界面静态实现------VUE框架
原创
2023-12-13 10:47:54
319阅读
点赞
你会注意到在项目结构上我们有静态资源两个目录:src/assets 和 static/。它们之间有什么区别? 1. 通过webpack处理的资源 要回答这个问题,我们首先需要了解webpack如何处理静态资源。在 .vue组件中,你所有的html模板和CSS都会被vue html loader 和
转载
2017-08-08 11:55:00
135阅读
2评论
1,安装npm install --save nprogress2,引入,例如要在切换路由,加载页面时实现进度条router.beforeEach((to, from, next) => { NProgress.start() next()})router.afterEach(() => { NProgress.done()})3,在进行ajax请求时出现进度条//interce
转载
2020-08-19 15:46:00
102阅读
2评论
vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。
baseUrl: './',
outputDir: '../dist',
assetsDi
转载
2020-05-05 12:28:00
224阅读
本系列博客汇总在这里:Vue.js 汇总脚手架(Vue CLI)相关一、什么是 Vue CLI?二、Vue CLI 使用前提 - Node三、Vue CLI 使用前提 - Webpack四、Vue CLI 的使用1、安装 Vue 脚手架2、Vue CLI2 初始化项目3、Vue CLI3 初始化项目源码工程文件为:一、什么是 Vue CLI?如果你只是简单写几个 Vue 的 Demo...
原创
2021-08-19 15:39:54
489阅读
本系列博客汇总在这里:Vue.js 汇总脚手架(Vue CLI)相关一、什么是 Vue CLI?二、Vue CLI 使用前提 - Node三、Vue CLI 使用前提 - Webpack四、Vue CLI 的使用1、安装 Vue 脚手架2、Vue CLI2 初始化项目3、Vue CLI3 初始化项目源码工程文件为:一、什么是 Vue CLI?如果你只是简单写几个 Vue 的 Demo...
原创
2022-01-11 13:36:39
201阅读