分享web开发知识

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

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

vue.js 一些知识点

发布时间:2023-09-06 01:21责任编辑:林大明关键词:js

vue.js 也是试图层的运用方法,跟react的方法类似,不过也有许多的不同地方:

1、vue.js 对于数据也是用{{ }} 进行数据更新;

2、vue.js 使用 v-html 指令用于输出 html 代码;

3、v-bind: 用来控制html的属性值;例如更改class属性,v-bind:class;

   v-bind:href  可以简写为   :href   

4、v-on: 用来监听DOM事件;例如v-on:click = "clickhandle";

  v-on:click = “message"   可以简写为  @click = "message"

5、v-model:  用来实现双向数据绑定;(主要用于input和textarea);

6、v-if:用来判断是否  v-if="show";

7、v-for: 用来循环数据  v-for="item in items"

  当数据是对象的时候   v-for = "value in object ";  若是需要键值或者索引 v-for = ‘‘(value,key,index) in object ".分别是(键值,键名,索引);

8、计算属性:computed:

  方法属性:methods:

  两者都可以重新渲染数据,不过,computed是基于它的依赖缓存,而methods在重新渲染的时候,函数总会重新调用执行;

  computed性能更好,但是如果你不希望缓存,你可以使用 methods 属性。

vue.js 一些知识点

原文地址:http://www.cnblogs.com/liumcb/p/7754989.html

知识推荐

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