vue学习

1.vue定义

 是一个js框架,常见的js框架有三种vue.js,react.js,angular.js

2.vue引入

网址引入:

本地引入:

  // html文件和vue.js文件在同一个文件夹底下,不在同一文件夹下需要区分写法

3.创建vue实例化对象以及数据的使用

<body>

<div class="选择器名,和底下vue里面实例化作用的标签要一致">

     {{msg}}   // 双大括号里面可以写表达式也可以写处理数据的方法,例如{{msg?'111':'222'}}

</div>

</body>

new Vue({

       el:'选择器',  //表示当前vue实例所作用的标签

data:{

名字:值,

名字:值

}

})

具体例子比如:

 4.vue指令

指令就是告诉计算机处理某种运算的代码,vue的指令通常以v-开头,用法为<标签   vue指令=vue实例化对象里面的data变量>

解决插值闪烁的指令:v-cloak

给标签写入内容的指令:v-text,这个方法写入的值会把标签里面写的值覆盖

给标签写入内容并且能识别写入的html标签的指令:v-html

绑定html的属性的指令为:v-bind,还可以直接简写为:,使用的方式为v-bind:属性='变量' 简写的话就是 :属性='变量',等号后边的值还可以拼接,比如v-bind:属性=' 变量+“字符串” '或者v-bind:属性=' 变量+变量 ',如果里面拼接字符串的话一定要加引号,加单引号双引号取决于你外面的引号是单引号还是双引号,一定要跟外面的区分开,不然的话就会被当成变量识别,变量的话一定要是同一个vue实例化data里面的变量

 

或者简写的话就是:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值