weixin_45145722的博客

v-for的传统使用方法是遍历一个数组，并且常常这是一个对象数组，也就是数组的元素是对象v-for还可以遍历对象中的属性 直接v-for=“pro in object” 就可以遍历出属性的值 更鲁棒的操作是加上属性名或者是该属性的下标 这真是一个蛇皮的操作 <div id="app1"> <ul> <li v-for="pro,keyname,index2 in object"> {{ i

v-if会最大效率的复用你的元素<template v-if="choice == 'username'"> <label>Username</label> <input placeholder="Enter your username"></template><template v-else> <label>Email</label> <input placeholder="En

v-bind的值不仅可以是字符串，还可以是对象或者数组下面是值为对象的例子只要在标签的属性上运用了v-bind命令，那么属性的值就可以用js表达式了，这样js表达式就不止用于模板语法中<div id="app4"> <div :class="{active: isActive, positive: isPositive(), comp: isComputed}"> </div> <script&gt

vue property中的computed属性和data属性data属性里面放的是很一般的数据computed属性中放有一些复杂逻辑的数据 这些数据经常是与将data中的数据做一些处理 然后return 这也符合computed 计算属性的名称意义写在methods中的方法完全可以执行到和computed属性一样的效果 但是computed属性中的数据响应式依赖是建立在data属性中的 只要是data中的数据不发生改变 那么computed属性中的数据完全就相当于用的缓存数据 而如果在模板表达式里

可以这样想象，你有一个html页面是来自于某个服务器，如果这个html文档里任何时候代码中的vue对象发生改变了的话，整个页面中vue出现之处都会被响应式的渲染更新v-on是为某一个事件添加了一个事件监听器，所以重点在1.这个事件是什么2.这个事件发生后用什么动作来处理v-on.click = “fun1”用.点出监听的事件，等号后面写动作函数的函数名...