初识vue

{{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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vue.js官网教程学习笔记和学习摘要 起步 安装 一个简单的方法,直接把一个vue.js引入你的HTML页面中,...
    恰皮阅读 3,530评论 2 22
  • 什么是vue.js vue.js是一套构建用户界面的渐进式框架。个人观点,目前大型项目前后端分离已成为趋势,vue...
    Husbin阅读 864评论 0 0
  • Vue.js是什么 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大...
    风中丶凌乱阅读 305评论 0 0
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,215评论 0 29
  • 先姐笔耕阅读 118评论 0 0

友情链接更多精彩内容