初识vue

作者: 年少如风_00eb | 来源:发表于2019-02-26 19:41 被阅读0次

{{xxx}}  这个是vue的数据绑定形式。

v-xx   这个是指令   用于执行一些操作

v-bind:class="box"  v-bind 我理解为动态绑定 绑定一些class名称,id名称,其他的暂时没有想到。

由于我是刚开始看vue ,所以我把格式默写一遍

<div id="app">

 {{hello }}

</div>

<div v-bind:class="box">this is first classname</div>

JavaScript部分是:

 var app = new Vue({

   el:'#app' ,     //这个代表选择的区间,范围

data:{

hello:'你好  世界',

box:'first',

},       // data是数据板块,用来定义变量。

method:{

},   //用来规定一些方法

})

显示板块为:

你好 世界

this  is first  classname

console  窗口显示为

<div class="box">this is first classname</div>

相关文章

  • vue核心

    初识Vue 搭建基础框架 初识Vue