1.查看vue 版本 在main.js 中
console.log("vue版本:"+Vue.version);
如果你是单文件组件 (.vue结尾且为vue3.X)
<script setup> // setup 是一个特殊的钩子,专门用于组合式 API。
import { ref } from 'vue'
let DialogmsgType =ref('success');
let thischangeDev_id=ref(0);
function dev_reboot(dev_id){
// 在 JavaScript 中需要 .value
//在模板中使用 ref 时,我们不需要附加 .value。 模板会自动解包
DialogmsgType.value='success';
thischangeDev_id.value=dev_id;
this.$refs.dev_rebootDialog.open();
}
</script>
如果你是在 HTML 中使用 不打包的页面 非单页应用 且为 vue3.X
<script>
// 非单文件组件下
import { ref } from 'vue'
export default {
setup() { // `setup` 是一个特殊的钩子,专门用于组合式 API。
let DialogmsgType =ref('success');
let thischangeDev_id=ref(0);
function dev_reboot(dev_id){
// 在 JavaScript 中需要 .value
//在模板中使用 ref 时,我们不需要附加 .value。 模板会自动解包
DialogmsgType.value='success';
thischangeDev_id.value=dev_id;
this.$refs.dev_rebootDialog.open();
}
// 不要忘记同时暴露 increment 函数
return {
DialogmsgType,
thischangeDev_id,
dev_reboot
}
}
}
</script>
如果是 vue2.X 乖乖 这样
<script>
export default{
data(){
return{
DialogmsgType:'success',
thischangeDev_id:0
}
},
methods:{
dev_reboot(dev_id){
this.DialogmsgType='success';
this.thischangeDev_id=dev_id;
this.$refs.dev_rebootDialog.open();
}
}
}
</script>