首頁 > web前端 > js教程 > 主體

Vuejs中methods和data屬性的使用

藏色散人
發布: 2019-04-18 11:16:08
原創
10577 人瀏覽過



在本篇文章中,我們將介紹如何在Vue JS中使用methods和data屬性。

附註,我們使用Vue cli產生專案。

建立我們的專案

讓我們透過執行以下命令快速建立我們的vue專案。

vue create vue-app
登入後複製

以上指令將下載vue-app資料夾中所需的檔案。

使用cd vue-app更改工作目錄,然後使用你喜愛的程式碼編輯器開啟專案資料夾。

src資料夾中導航到App.vue檔案並刪除所有內容,然後用下面的程式碼替換。

App.vue

<template>
  <div>
    <h1>Hello Vuejs</h1>
  </div>
</template>

<script>
export default {};
</script>
登入後複製

<strong>#data</strong>屬性


# #在上面的程式碼中,我們將在

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板