css文件
在main.js中导入公共的css
import '../static/css/common.css' //引入公用css
在页面中引入单独css
<style scoped>
@import '../../static/css/header.css'
</style>
Js文件
自定义js 中写：
function title(t){
alert(t)
}
export {
title //多个方法在此处json中export出去
}
页面中使用：
<template>
<div>
<button class="btn" @click="clickme">click me</button>
</div>
</template>
<script>
import {title} from './js/common.js' //可以选择需要的方法引入
export default {
data(){
return{
}
},
methods:{
clickme(){
title('你点我了')
}
}
}
</script>
或者
import Comjs from './js/common.js' //引入公用js
Vue.prototype.$comjs = Comjs//添加到vue属性中
自定义js 中写：
const comjs = {
}
comjs.title = function (title) {
alert(title)
}
export default comjs
页面中使用：
<template>
<div>
<button class="btn" @click="clickme">click me</button>
</div>
</template>
<script>
export default {
data(){
return{
}
},
methods:{
clickme(){
this.$comjs.title('你点我了')
}
}
}
</script>
不需要百度知道
如何实现CSS文件与HTML文件的关联?...展开
查看全部4个回答
php6
TA获得超过103个赞
关注
成为第14位粉丝
这样是不行的。需要用网页调用外部CSS文件。具体的做法就在我写的教程里面就有，摘一段：
要让某一个网页调用一个外部CSS文件，你需要在网页的<head>部分插入以下内容：
<head>
<link rel="stylesheet" type="text/css" href="文件位置/你的CSS文件名.css" />
</head>
如果你的css和网页在一个文件夹，href直接添上文件名就可以了。比如说CSS叫做waibu.css，那么代码就是：
<link rel="stylesheet" type="text/css" href="waibu.css">
最后的建议就是可以系统地学习一下CSS，这样应付起来这种问题就游刃有余了
