码迷,mamicode.com
首页 > Web开发 > 详细

vue.js 第一课:实例化vue

时间:2018-09-05 13:51:55      阅读:634      评论:0      收藏:0      [点我收藏+]

标签:boot   vue   直接   vuejs   指定   css   https   变量   调试   

 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

标签:boot   vue   直接   vuejs   指定   css   https   变量   调试   

原文地址:https://www.cnblogs.com/holyson/p/9591437.html

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!