溫馨提示×

vue里面如何使用構(gòu)造函數(shù)

養(yǎng)魚的貓咪
580
2021-05-14 17:00:00
欄目: 編程語言

在vue中使用構(gòu)造函數(shù)的方法：1.新建html項目，引入vue；2.使用new Vue()方法定義構(gòu)造函數(shù)；3.使用模板語法調(diào)用構(gòu)造函數(shù)；

vue里面如何使用構(gòu)造函數(shù)

具體方法如下：

1.首先，新建一個html項目，并在項目中引入vue；

#通過文件方式引入
<script src="../js/vue.min.js"> </script>
#通過cdn方式引入
<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>

2.vue引入好后，在項目中使用new Vue()方法定義一個構(gòu)造函數(shù)；

var vApp = new Vue({
el: "#app",
data: {
name: "李雷",
age: "23"
}
})

3.最后，構(gòu)造函數(shù)定義好后，使用模板語法即可調(diào)用該構(gòu)造函數(shù)；

<div id="app">
<h1>{{ name }}{{ age }}</h1>
</div>

0 踩