vue
weixin_46383150
这个作者很懒,什么都没留下…
展开
-
VUE day4 js原生事件绑定和vue v-on事件绑定
文章目录1、v-on 事件绑定指令2、事件修饰符 1、v-on 事件绑定指令 在vue中v-bind是用来绑定属性的,v-on则是用来绑定事件的,在原生中,事件是这样写的 1、直接在元素中使用属性绑定事件 <input type="button" οnclick="add()" /> function add(){ ............ } 2、先获取dom元素,通过 元素....原创 2020-03-18 18:08:42 · 353 阅读 · 0 评论 -
VUE day3 v-bind指令绑定属性(class,style)
v-bind指令 vue中,v-bind用来动态的绑定属性,当使用v-bind绑定元素的属性时,将从vue实例中查找所绑定的变量. v-bind的格式是 v-bind:属性名="" ,简写为: 如: <a v-bind:href="url1">百度一下</a> //简写为 <a :href="url1">百度一下</a> new Vue({ e...原创 2020-03-15 21:45:26 · 312 阅读 · 0 评论 -
VUE day2 插值表达式(Mustache语法)和v-text v-html的区别
插值表达式(Mustache语法) 插值表达式是vue提供的语法,简单来说就是将变量写在{{ }}之间如: <h2>{{msg}}哈哈哈</h2> new Vue({ el:"#app", data:{ msg:"js从入门到入土" } }) 结果: js从入门到入土哈哈哈 v-text 指令 v-text也是vue中将数据渲染在标签的一种方式,如: <di...原创 2020-03-15 16:29:29 · 279 阅读 · 0 评论 -
VUE day2 vue实例的options选项(补充)
vue实例的options选项(补充) 一、watch vue中watch是用来监测数据,响应数据的变化的,最常用的用法如下: <input type="text" v-model="Username"> <div>{{amount}}</div> new Vue({ el:"#app", date:{ Username:"laowang", amount:...原创 2020-03-15 12:34:02 · 123 阅读 · 0 评论 -
VUE day1 vue实例的options选项
VUE day1 vue实例的options选项1、el2、data3、 methods功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导...原创 2020-03-13 21:35:02 · 407 阅读 · 0 评论