
Vue
文章平均质量分 79
vue学习记录,以及学习过程中遇到的问题
哈喽……
这个作者很懒,什么都没留下…
展开
-
Vue基础学习 Vue3——part03
1. Composition API(组合API) - setup配置 - ref与reactive - watch与watchEffect - provide与inject - ......2. 新的内置组件 - Fragment - Teleport - Suspense3. 其他改变 - 新的生命周期钩子 - data 选项应始终被声明为一个函数 - 移除keyCode支持作为 v-on 的修饰符原创 2023-10-24 17:19:04 · 138 阅读 · 0 评论 -
vue基础学习 Vuex和Vue路由——part02
概念:专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 vue 应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。简言之,Vuex可以实现多组件共享数据。在模板中一直使用来使用vuex中的值会很繁琐,我们可以在计算属性computed中来接收vuex中的值。但这样在vuex中数据很多的情况下,就要写很多这样的代码,因此我们可以使用mapState方法:用于帮助我们映射state中的数据。原创 2023-10-17 16:39:43 · 276 阅读 · 0 评论 -
Vue全局事件总线以及消息订阅与发布
一种可以在任意组件间通信的方式,本质上就是一个对象,他必须满足以下条件:1.所有组件对象都必须能看见他。2.这个对象必须能够使用 $on $emit $off方法去绑定、触发和解绑事件。(因为 $on ,和 $off 和 $emit 这三个方法在Vue原型对象上,所以,我们的全局事件总线就要放在Vue的原型对象(vue.prototype)上,以确保每个组件都能访问得到)原创 2023-10-09 16:21:59 · 370 阅读 · 0 评论 -
vue.js基础学习——part01
一文入门vue,最基本的数据绑定形式是文本插值,它使用的是“Mustache”语法 (即双大括号),可以在里面写js表达式。一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。//全局自定义指令ript>// 指令与元素成功绑定时(一上来)},// 指令所在元素被插入页面时element.focus() //自动获取焦点},// 指令所在的模板被重新解析时})data() {},//指令回调里的this是window。原创 2023-10-08 16:24:21 · 238 阅读 · 0 评论 -
解决vue不是内部命令
如果此时仍然vue不是内部命令,可以cmd中执行npm config list命令,将prefix后面的命令添加到环境变量的系统变量里的path里。在安装vue cli时,执行完后以下命令后,vue命令仍然是不是内部命令。在此时如果cnpm显示不是内部命令,可以查看这篇笔记解决。记录自己解决vue不是内部命令的问题。原创 2023-10-08 10:38:14 · 158 阅读 · 1 评论 -
解决cnpm安装完后不是内部命令的问题
需要找到cnpm的安装路径,我在node.js的安装路径下的node_global文件夹中没有找到cnpm,而是在以下位置找到的。2)配置过node_modules和node_cache,在node_global文件夹下可以看到cnpm的安装路径。所以在给cnpm配置环境变量时,需要在系统变量的path中新建一条。出现以下东西则代表安装成功。原创 2023-10-08 10:25:43 · 2997 阅读 · 2 评论