Vue
文章平均质量分 88
Vue学习,前提是熟知html。css以及js的使用
呦呦鹿鸣~@
这个作者很懒,什么都没留下…
展开
-
uniapp项目引用vant weapp组件库及icon字体图标库报错
在HbuilderX里点击文件,新建项目,自定义项目名称选择默认模板。原创 2022-09-23 11:57:51 · 3403 阅读 · 3 评论 -
todolist案列——vue脚手架(完整版)
【代码】todolist案列——vue脚手架(完整版)原创 2022-08-24 15:38:14 · 780 阅读 · 0 评论 -
todolist案例——vue脚手架(2)
接上回继续todolist案例——vue脚手架(1)_呦呦鹿鸣~@的博客-CSDN博客把样式中静态的数据化为动态的数据,在父组件App.vue里创建一个todo数组,包含列表数据;并把数组传给List.vue子组件里面去data(){todo:[]}},这里的id 就是每一列数据的身份证,具有唯一性。便于后面的增添、删除、修改状态其他操作;done是为了修改状态属性,有true 和false 两个值。......原创 2022-08-24 15:42:36 · 740 阅读 · 16 评论 -
UI组件库的使用
2)下滑找到如图示画面,点击组件框3) 找到组件目录,其下面都是可应用的组件,本文以组件目录下的Button 按钮为例4)点击Button 按钮,下图页面,鼠标移动到页面框里,框底部会出现显示代码,点击显示代码即可复制所需代码到自己创建的项目里5)点击显示代码,选择你想复制的内容。原创 2022-08-23 20:32:09 · 806 阅读 · 1 评论 -
vuex的学习
专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 vue 应 用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。原理图:Vue.js 的中心化状态管理方案vuex多应用于多个组件应用与同一个状态,多个组件变更同一状态。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。什么是“状态管理模式”?状态。...原创 2022-08-17 20:08:31 · 533 阅读 · 1 评论 -
todolist案例——vue脚手架(1)
把样式中静态的数据化为动态的数据,在父组件App.vue里创建一个todo数组,包含列表数据;并把数组传给List.vue子组件里面去data(){todo:[]}},这里的id 就是每一列数据的身份证,具有唯一性。便于后面的增添、删除、修改状态其他操作;done是为了修改状态属性,有true 和false 两个值。......原创 2022-08-16 14:55:07 · 841 阅读 · 7 评论 -
ref的使用
ref 本身是作为渲染结果被创建的在初始渲染的时候你不能访问它们 - 它们还不存在!$refs也不是响应式的,因此不应该试图用它在模板中做数据绑定。原创 2022-08-09 11:12:41 · 3683 阅读 · 8 评论 -
v-model的使用
原理:遍历数组的值,动态的监听绑定数组的值放置空数组里(v-model选定的值,每点一次会有一个value值,把value响应的值给v-model绑定的值—响应式原理可以解释)女。男。属性是互斥的,如果使用v-model,可以不使用。...原创 2022-08-04 16:16:03 · 2656 阅读 · 0 评论 -
v-if条件判断及v-show
key的作用主要就是为了高效的更新虚拟DOM,使用key值,它会基于key的变化重新排列元素顺序,并且会移除key不存在的元素。它也可以用于强制替换元素/组件而不是重复的使用它。为何不推荐index作为key值:当以数组为下标的index作为key值时,其中一个元素(例如增删改查)发生了变化就有可能导致所有的元素的key值发生改变。...原创 2022-08-02 20:57:06 · 8231 阅读 · 7 评论 -
侦听器watch及其和计算属性、methods方法的总结
!计算属性方法侦听器watch年龄age{{age}}el"#app","zhang","san",age18,}},{console.log("调用了fullName2,使用了一次方法")}},{console.log("调用了fullName,计算了一次属性")}},watch{初始化缓存功能https。原创 2022-07-30 16:08:01 · 877 阅读 · 6 评论 -
v-bind动态绑定
动态绑定原创 2022-07-29 10:05:52 · 4778 阅读 · 1 评论 -
计算属性的学习
计算属性的基本使用、复杂使用和方法的比较原创 2022-07-28 20:18:10 · 492 阅读 · 1 评论 -
vue的使用及绑定和一些vue指令
保存界面中所需的所有变量和事件处理函数constvm=newVue({//MVVM框架vm层el'#app',data{//model层name'张超'}methods{}})data{}保存界面中所需的所有变量和初始值;methods{}保存界面中所需的所有事件处理函数;methods中的事件处理函数中,如果要操作data中的变量,必须加this....原创 2022-07-26 20:58:49 · 1000 阅读 · 2 评论 -
Vue.js介绍
任真学习,努力向上原创 2022-07-25 20:49:17 · 12859 阅读 · 1 评论