vue.js 第一課：實例化vue
阿新 • • 發佈：2018-09-05
col 開發 china css min tle 賦值 dem oct
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Demo</title> 6 </head> 7 <body> 8 <div id="app"> 9 app:{{name}} 10 </div> 11 <script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script> 12 <script> 13 var vm = new Vue({ 14 el:‘#app‘, 15 data:{ 16 name:‘Vuejs‘, 17 } 18 }); 19 </script> 20 </body>
1. div的id為app為vue的element元素，所有的vue操作只能在id為app下
2.實例化時，需要傳入一個對象el（element）縮寫，確定作用於那個div域下
3.data為參數命名與賦值，在指定的div下可以用{{}}倆個大括號包起來，來使該變量的值
說明：
1.引入的js鏈接通道：https://www.bootcdn.cn/vue/
2.沒有開發環境的可以直接，在線代碼調試：http://tool.chinaz.com/tools/webdebugger.aspx
vue.js 第一課：實例化vue