qq_43632167的博客

1：v-for指令 1）根据数据生成列表结构 2）结合的类型有数组，对象，数字，字符串，迭代器等，数组经常跟v-for结合使用 3）语句 v-for=" (item,index) in arr" (1) item：遍历到的每一项，名字可修改 ​ (2) index：数组的索引，可修改，可不写 ​ (3) in :关键字，不可修改 ​ (4) arr ：要循环的数据名 4）item和index可结合其他指令一起使用，比如v-bind 5）数组长度的更新会同步到页面上，是

1：v-show指令 1）根据表达值的真假，切换元素的显示和隐藏 2）根据布尔值切换(true显示,false隐藏) 3）原理是修改元素的display样式，实现显示和隐藏 4）指令后面的值，最终都会被解析为布尔值，也就是true和false <div id="app"> <a herf=" " v-show="false"></a> <!--如果里面的结果为true则显示，否则就隐藏--> <button v-show="age

1：v-on指令的作用是绑定事件，简写为@ 2：方法中通过this，关键字获取data中的数据 3：v-text指令的作用是，设置元素的文本值，简写{{}} <div id="app"> <button @click="add"> + </button> <span>{{num}}</span> <button @click="sub"> - </button

1：v-text指令 1）v-text指令的作用是：设置标签的内容（textContent） 2）默认写法会替换全部内容，使用差值表达式{{}}可以替换指定内容 3）内容支持写表达式 <div id="app"> <p v-text="message">vue</p> <!--插值表达式--> <p> {{message}} </p> <!--拼接--> <

1： 什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 3：生命周期钩子：就是生命周期事件的别名； 4： 生命周期钩子 = 生命周期函数 = 生命周期事件 5：主要的生命周期函数分类： 创建期间的生命周期函数： ​ 1）beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 ​ 2）created：实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有