1. 程式人生 > 其它 >Vue的資料代理

Vue的資料代理

Vue的資料代理:

  

程式碼:

  

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue中的資料代理</title> <!--引入開發版本vue--> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!---準備好一個容器--> <div id="root"> <h2>學校名稱:{{name}}</h2> <h2>學校地址:{{address}}</h2> </div> </body> <script type="text/javascript"> Vue.config.productionTip =false;//設定為 false 以阻止 vue 在啟動時生成生產提示。
const vm = new Vue({ el:"#root", data:{ name:"尚矽谷", address:"巨集福科技園" } }) </script> </html>

本文來自部落格園,作者:

我是一個小倉鼠,轉載請註明原文連結:https://www.cnblogs.com/yongyuankuaile/p/15597883.html