分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

Vue.js 第2篇学习笔记

发布时间:2023-09-06 01:27责任编辑:沈小雨关键词:js

vue.js最强大的,应该是自动更新DOM了。

只要把变量包裹在{{ }}里面,就会在处理完毕后,直接显示处理后的结果。

貌似所有变量都可以放在一个vue对象的data属性里面,

然后就可以在储存函数的computed , methods 属性里面通过this关键字来使用这些变量。this 就是vue对象了。

至于绑定属性,可以:link=“varHref”  :style=“{height: varHeight +px}” 这种简单的操作来做。其实是v-bind的简写。

甚至可以@click 代替 v-on:click 。可以用 @click="true= !true"在 true false 之间快速切换,可以 @click="counter++" 这样来操作。

还有 :class =" "这样绑定 。看起来接近HTML。但是被绑定的值是变量或者函数,也就是说,处理后的值才会被绑定。

而 watch 属性里面呢,还可以设置为:当某变量的值改变,做某反应。超好用的样子。

v-module呢,可以绑定到变量上,直接通过客户端输入的方式,操作变量的值。

Vue.js 第2篇学习笔记

原文地址:http://www.cnblogs.com/xinfangzhang/p/7909392.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved