Vue
文章平均质量分 65
一个聪明蛋
这个作者很懒,什么都没留下…
展开
-
vuex实现组件之间通信
在上面的例子中,我们在state中定义了数据count,在mutations中定义了方法changeCount来改变这个数据,假设我们有组件A和组件B,我希望在组件A中改变count,然后组件B接收到count的改变。在组件A的methods中定义函数changeData,组件A中想要改变count值的时候就调用这个方法,通过commit触发前面在mutation中定义的函数,就改变了count数据了。如果使用的是Vue2,安装vuex3.x的版本,如果使用的是Vue3,安装vuex4.x的版本。原创 2023-10-31 21:38:05 · 115 阅读 · 1 评论 -
Vue2/Vue3项目(vue-cli)引入element-ui
接下来就可以使用element-ui了,从element-ui官网案例中拷贝一段代码过来放在div中,再运行就可以在界面中看到效果了。对于Vue3而言,则需要引入element-plus,网址如下。其余的一样正常使用,可以看element-plus的网页案例。可以通过如下命令将element-ui添加到依赖里来。引入后可以在package.json中看到。原创 2023-10-31 00:21:54 · 172 阅读 · 1 评论 -
从零开始构建一个Vue项目(手脚架)
package.json文件中定义了这个项目所需要的各种模块,以及项目的配置信息,npm install 命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境(所以比如从github上拉取一个vue项目,会发现是没有node_modules这个文件夹的,运行npm install之后会帮你都配置好)HelloWorld.vue 是Vue脚手架创建时候给我们的一个简单的样例组件,我们点击链接看到的内容就是在这个组件中写的,之后编写vue页面的时候也主要是用这样的组件化流程。原创 2023-10-30 23:10:42 · 83 阅读 · 0 评论