Vuex模块化和命名空间namespaced实例演示:https://www.h5w3.com/240096.html 1. 目的:  让代码更好维护,让多种数据分类更加明确。  2. 修改store/index.js  store/index.js const countAbout = { namespaced:tr
转载 2024-05-22 19:13:35
305阅读
之前看官方文档,由于自己理解偏差,不知道slot是干嘛,看到小标题,使用Slot分发内容,就以为 是要往下派发内容。然后就没有理解插槽概念。其实说白了,使用slot就是先圈一块地,将来可能种花种菜,也有可能在这块地上建房子。然而slot可以以一当十,可以插入很多东西。不知明白否?由于项目经验有限,这篇我就先跟着官网知识点走,当然会加入自己部分项目代码。关于slot是这样说,除非子...
原创 2022-03-29 10:49:35
182阅读
之前看官方文档,由于自己理解偏差,不知道slot是干嘛,看到小标题,使用Slot分发内容,就以为 是要往下派发内容。然后就没有于slot是这样说,...
原创 2023-05-31 00:20:15
77阅读
node_modules:npm 加载项目所需要各种依赖模块。src:这里是我们开发主要目录(源码),基本上要做事情都在这个目录里面,里面包含了几个目录及文件:  1、assets:放置一些图片(会根据图片大小分类进行base64命名还是其他方式命名),如logo等;  2、components:目录里放是一个个组件文件;  3、App.vue:项目入口组件(跟组件),我们也可以将组件
1、普通watch 2、数组watch 3、对象watch 4、对象具体属性watch[活用computed]
转载 2017-11-29 18:21:00
230阅读
2评论
后端给我返回格式是这样 [‘2018-8-14’, ‘2018-8-14’]但是我是想要 {date: “2018/08/13”, title: “”} {date: “2018/08/14”, title: “”} 这样格式一;
原创 2022-05-26 16:50:48
1660阅读
刚开始学vue一篇笔记,闲来无事翻出来瞅瞅,顺便整理下,希望可以帮助刚入门vue同学吧。先看一个成熟表单组件基本功能 html结构:<el-form :model="model" :rules="rules"> <el-form-item label="用户名" prop="username"> <el-input v-model="model.user
转载 2024-09-09 06:33:37
154阅读
@change 是 Vue.js 中用于监听表单元素值变化事件处理器。通常用于监听表单输入框等元素变化,以便在值发生变化时执行特定操作。
原创 2023-11-04 04:53:47
416阅读
用法1. vue给我们提供一个操作dom属性,ref。绑定在dom元素上时,用起来与id差不多,通过this.$refs来调用: <div ref="test">test</div> console.log(this.$refs.test) 看到打印出来就是绑定dom对象,可以用来执行一些dom
原创 2021-11-19 14:45:26
963阅读
vm.$nextTick参数: {Function} [callback]用法:将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它,然后等待DOM更新。它跟全局方法 Vue.nextTick 一样,不同是回调 this 自动绑定到调用它实例上。实例:<template> <div> <p
原创 2023-07-05 15:09:44
67阅读
普通数据类型: <input type="text" v-model="userName"/> //监听 当userName值发生变化时触发watch: {userName: {handler (newName, oldName) { console.log(newName)},immediate:只有一个缺点 就是当值第一次绑定时候 不会执行监听函数,
原创 2023-06-27 17:15:00
110阅读
Vue.js 中,操作通常指用于执行异步任务方法或函数,例如从 API 获取数据、更新 Vuex(Vue 状态管理库)中状态或处理用户交互。动作通常在 Vuex 存储中用于封装复杂逻辑和副作用,保持组件干净并专注于表示。以下是如何在带有 Vuex Vue.js 应用程序中定义和使用操作基本示例:在 Vuex 存储中定义一个操作:// store.js import { crea
原创 2024-03-11 09:21:31
167阅读
vue提供了.sync修饰符,说白了就是一种简写方式,我们可以将其当作是一种语法糖,比如v-on
原创 2022-06-16 13:01:23
403阅读
VUE/deep/用法前端沧海关注2019.08.07 21:06:09字数 489阅读 81七夕了,写个昨天遇到bug来缓解下没有人约尴尬。昨天和QA过历史bug时,发现有好几个浏览器不兼容导致式样变...
转载 2019-12-04 19:26:00
634阅读
2评论
div id="app"> input type="text" ref="input1"/> button @click="add">添加button>div>script>new Vue({ el: "#app", methods:{ add:function(){ this.$refs.input1.value ="2
转载 2022-02-21 11:46:13
139阅读
对象语法<div   class="static"   :class="{ active: isActive, 'text-danger': hasError }"> </div> <view class="left" :class="{red: item.order_type==0,blue:item.order_type==2}"> <p :sty
原创 2021-04-07 15:44:58
417阅读
<div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button> </div> <script> new Vue({ el: "#app", methods:{ add:function(){ this
转载 2017-11-29 13:13:00
86阅读
2评论
e/p/6907676.html <div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button> </div> <script>
转载 2018-05-31 19:56:00
52阅读
2评论
具体来说,我们可以通过在父组件中使用``标签来定义一个作用域插槽,然后在插槽内容中使用一个包裹在``标签中属性来
原创 2024-03-02 00:40:07
93阅读
Vue$refs 用法 Vue$refs原理涉及到Vue实例生命周期、虚拟DOM以及一些底层JavaScript原理。
原创 2023-12-26 16:27:15
99阅读
  • 1
  • 2
  • 3
  • 4
  • 5