单个组件里面可以使用 import $ from 'jquery' 引用
当前你得使用npm把jquery 安装了。 把jquery 用export default 导出来(就是在jquery.js的最后一行写上 export default $), 然后使用import $ from ‘jquery的文件地址’
至于 script标签里面怎么写
import $ from 'jquery'export default {
data: function() {
return {
testData: 1 // 这个对象里面定义所有的变量 这些变量可以 在html直接和dom绑定
}
},
mounted: function() {
// 生命周期函数, 有好几个 执行的顺序都不一样,可以根据场景 选择不同的生命周期函数 这块一般是初始化数据的地方
},
methods: { // 这里写所有的方法, 这些方法可以在 方法内部使用this.方法名调用,也可以在html 中使用@时间名 = ‘函数名()’调用
init() {
// 实例方法
// 使用this.变量可以访问data中的变量
console.log(this.testData)
}
}
}
1.首先创建一个js
ex: test.js
const referrerPhone = [
{ pattern: /^1[3456789]\d{9}$/, message: '手机号格式不正确', trigger: 'blur' }
]
export default {
referrerPhone
}
import validators from '../路径/test.js'
定义成对象方便调用
Vue.prototype.$validators = validators
this.$validators.referrerPhone
=======================================================================================================
第二种 不是公用
1.创建一个 js
// 弹框提示
function tips(this_, message_, type_){
this_.$message({
message: message_,
type: type_
})
export { //很关键
tips,
}
import { tips} from '../xx.js'
tips(this, '非法操作,不能删除admin用户!', 'error')