
vue
vue
番茄炒蛋多加米饭
这个作者很懒,什么都没留下…
展开
-
props全部传递 vscode插件调试接口
1.在vue中如果想把父组件的props全部传给子组件采用 v-bind=‘$props’2.vscode插件调试接口 restclient。原创 2022-10-25 22:23:31 · 290 阅读 · 0 评论 -
vue注销监听,访问更新后的dom 计算属性的set get 常用修饰符
默认情况下,v-model 会在每次 input 事件后更新数据 (IME 拼字阶段的状态例外)。默认情况下,用户创建的侦听器回调,都会在 Vue 组件更新之前被调用。这意味着你在侦听器回调中访问的 DOM 将是被 Vue。在我们更改计算属性时我们需要利用computed的set方法。1.监听中常会改变一些数据导致组件的更新,2.如果我们需要在特定的条件下注销监听。3.通常我们不会去改变计算属性。原创 2022-10-23 17:29:48 · 454 阅读 · 0 评论 -
vue中的observe 依赖注入provide inject element 中icon添加点击事件
2.之前子代向祖父代传值是一直emit,其实可以使用 provide inject来传值。1.类似于微型的vuex,vue.observe。原创 2022-10-17 22:56:02 · 1010 阅读 · 0 评论 -
定义vuex中的getters
以前在vuex中定义getters通常会使用 下面这种。原创 2022-09-27 21:15:39 · 218 阅读 · 0 评论 -
js中 ??的作用 code状态码 el-table中的column-key
1.项目中看到有人这样写 例如 data.item?的意思 搜了下觉得大概是。当item中type存在的时候,就拿type,如果不存在 null 或者 undefined 就赋值为 []3.在使用el-table时的filter-change时给要筛选的列属性加上 column-key。2.大佬建议在判断状态码时最好是 +code = 200 不太知道为什么,先按照这样来。|| 是指 当||前值判定为为true时取||前,否则取||后。原创 2022-09-21 23:23:47 · 395 阅读 · 0 评论 -
vue中监听vuex新旧值的变化
在vue中组件如果想要监听vuex中新旧值的变化,可以采用 computed:{ listenList(){ return JSON.parse(JSON.stringify(this.store.listen)) //拷贝vuex里的数组 } }, watch:{ listenList:{ deep:true, handler(newVal,oldVal){ console.log(newVal,oldV原创 2022-03-24 21:31:05 · 1005 阅读 · 0 评论 -
vuex 中的mutations
在vuex中想改变state中的状态往往通过一个叫做mutations的东西进行操作官方文档如下更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的事件类型 (type)和一个回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数:const store = createStore({ state: { count:原创 2022-03-02 22:41:01 · 1100 阅读 · 0 评论 -
vuex中...mapstate和...mapgetters的区别
mapstate:当一个组件需要获取多个状态时候,将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题,我们可以使用 mapState 辅助函数帮助我们生成计算属性mapGetters: 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性...原创 2022-03-01 23:46:52 · 2699 阅读 · 1 评论 -
vifvfor不能同时使用
vif. vfor vif 优先级低于于vfor 所以每次遍历都会渲染,再去判断是否消去,影响性能原创 2022-02-26 10:49:26 · 674 阅读 · 0 评论 -
vscode中快速生成vue骨架
创建vue文件输入vue回车得到vue骨架,建议收藏0.01.安装Vetur,识别vue文件2.配置设置——用户代码片段-——找到vue.json3.复制代码如下:"Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div>", "", "</div>", "</template&原创 2022-02-24 22:51:08 · 710 阅读 · 0 评论 -
vue watch 侦听器 中deep跟immdiate 属性
vue中侦听器 deep属性为true时可以监听到对象中某个属性的变化,immediate属性为trrue则是页面一加载就会刷新原创 2022-02-24 20:48:24 · 711 阅读 · 0 评论 -
vue中利用三元表达式动态更换绑定的数组
<ul v-for="(item,index) in (list.length>10?20:rightList)" :key="index"> <li>{{item.authName}}</li> </ul> element-ui中原创 2022-02-23 22:52:14 · 296 阅读 · 0 评论 -
vue中的computed计算属性传参 动态设置属性
今天才知道了vue的computed属性可以传递参数如下,<el-button>{{target(2)?target(1):0}}</el-button>` computed: { target () { return function (id) { id += 1 return id } } },原创 2022-02-18 00:05:22 · 1212 阅读 · 0 评论 -
vue 特性
vue特点1.采用组件式开发,提高代码复用率(组件可以多次调用),让代码更好维护2.声明式编码,程序员无需直接操作dom(原生js采用命令式编码一步一步操作dom)3.采用虚拟dom(diff比较虚拟dom中有什么不同),运用了diff算法...原创 2022-01-24 20:09:10 · 504 阅读 · 0 评论 -
vue-cli脚手架中 文件夹的用法
vue-cli脚手架中 文件夹的用法public文件夹:一般放置一些静态资源(图片),需要注意,放在public文件中的静态资源,webpack进行打包时回原封不动的放在dist文件夹中。src文件夹 (程序员源代码文件夹)assets文件夹 : 放置静态资源,需要注意的是在webpack打包的时候,webpack会把静态资源当作一个模块,打包js文件里面components文件夹:组件app.vue 根组件main.js:程序入口文件,最先执行的文件render 挂载组件babel.con原创 2022-01-24 20:08:09 · 858 阅读 · 0 评论