在vue中使用構造函數的方法:1.新建html項目,引入vue;2.使用new Vue()方法定義構造函數;3.使用模板語法調用構造函數;
具體方法如下:
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()方法定義一個構造函數;
var vApp = new Vue({
el: "#app",
data: {
name: "李雷",
age: "23"
}
})
3.最后,構造函數定義好后,使用模板語法即可調用該構造函數;
<div id="app"><h1>{{ name }}{{ age }}</h1>
</div>