vue.js之使用Vue CLI3开发多页面应用-vue文件引入本地js

新手学vue的时候，一般把静态资源放在和页面一个文件夹下，即public下面

但是在html页面引入js的时候，在vue文件里没办法调用，这时候需要在vue文件引入改js，如果用import则不好使，可以使用

<script src="/js/libs/layer/layer.js"></script>

的方式，比如我引入layer.js，如下图

这个时候，layer.msg正常使用

原文地址：https://www.cnblogs.com/mafy/p/12185824.html

时间： 2024-08-26 05:37:08

vue.js之使用Vue CLI3开发多页面应用-vue文件引入本地js的相关文章

Python+Django+js+echarts引入本地js文件的操作方法

1. 选择正确的echarts.js,开发版选择echarts.baidu.com上的源码版,避免出现问题 2. 在项目主目录中新建static文件夹,里面建立js.css.images文件夹 3. 在settings文件中新增如下代码配置: STATIC_URL = '/static/' STATIC_ROOT = os.path.join(BASE_DIR, 'static') STATICFILES_DIRS = ( ('css', os.path.join(STATIC_ROOT, 'c

外引js — 先引入cdn，cdn失效时引入本地js

参考:http://www.tianshan277.com/563.html 效果: html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js加载</title> <script> function errorload(elem) { //cdn错误 if (elem.getAttri

[js高手之路]深入浅出webpack教程系列2-配置文件webpack.config.js详解

接着上文,重新在webpack文件夹下面新建一个项目文件夹demo2,然后用npm init --yes初始化项目的package.json配置文件,然后安装webpack( npm install [email protected] --save-dev ),然后创建基本的项目文件夹结构,好了,我们的又一个基本项目结构就搭建好了. 第一.开始通过webpack.config.js文件配置我们的webpack项目首先在项目文件夹demo2下面,新建一个webpack.config.js文件,这

[js高手之路]深入浅出webpack教程系列3-配置文件webpack.config.js详解(下)

本文继续接着上文,继续写下webpack.config.js的其他配置用法. 一.把两个文件打包成一个,entry怎么配置? 在上文中的webpack.dev.config.js中,用数组配置entry webpack.dev.config.js文件代码: 1 console.log( __dirname ); //D:\ghostWu\bak\webpack\demo2 2 module.exports = { 3 entry : ['./src/js/main.js', './src/js/

vue.js之使用Vue CLI3开发多页面应用-路由理解

测试项目有3块路由,如下图在src目录下的router.js import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const routes = [ { path: '/', name: 'Login', component: r => { require(['./components/Login'], r) }, meta: {title: 'Login'} } ,{ path: '/Hello

iOS之在webView中引入本地html,image,js,css文件的方法 - sky//////////////////////////////////////ZZZZZZZZZZZZZZZ

iOS之在webView中引入本地html,image,js,css文件的方法 2014-12-08 20:00:16CSDN-sky_2016-点击数:10292 项目需求最近开发的项目,需要一个webView,同时这个webView会需要引入一些项目中的资源: 一个本地的html文件,作为webView的模板两张loading图片,在图片未加载的时候进行占位 jquery.js,scrollLoading.js 也是本地的,实现滚动加载图片功能然后就开始了漫长的Google历程. 在w

vue.js拓展篇(10):测试开发与调试

内容第15章:测试开发与调试任何实际项目的开发,除了功能性代码的完成,规范的开发流程和严谨的测试都是不可或缺的.合理使用工具将事半功倍. 1.ESLint ESLint是Lint语法检查工具,避免的低级的bug和不统一的代码风格.它比JSLint好的地方是可配置.细粒度的,每一条规则都是一个插件.4 ESLint的项目配置有两种基本方法: 第一种,JS注解的方式将配置信息直接加到文件里. 第二种,package.json { "env":{ "browser":

使用 Vue 开发 Weex 页面

Vue & Weex 介绍 Vue.js 是 Evan You 开发的渐进式 JavaScript 框架,在易用性.灵活性和性能等方面都非常优秀.开发者能够通过撰写 *.vue 文件,基于 <template>, <style>, <script> 快速构建组件化的 web 应用. Vue.js 在 2016 年 10 月正式发布了 2.0 版本,该版本加入了 Virtual-DOM 和预编译器的设计,使得该框架在运行时能够脱离 HTML 和 CSS 解析,只依

JS组件系列——又一款MVVM组件：Vue（二：构建自己的Vue组件）

阅读目录一.为什么组件很重要二.Vue里面的组件基础知识 1.组件的概念 2.组件原理 3.组件使用三.封装自己的Component 1.使用Component封装bootstrapTable 2.封装select 3.查看其他Vue框架源码四.总结正文前言:转眼距离上篇 JS组件系列--又一款MVVM组件:Vue(一:30分钟搞定前端增删改查) 已有好几个月了,今天打算将它捡起来,发现好久不用,Vue相关技术点都生疏不少.经过这几个月的时间,Vue的发展也是异常迅猛,不过这好像和博