![](https://img-blog.csdnimg.cn/20210502131119693.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 60
vue
Mr-X~
持续学习,不断进步!
展开
-
脚手架项目默认的首页index.html。以及App.vue组件中的router-view标签,默认是渲染的哪个组件?以及这个组件是可以在路由映射文件下配置的。
文章目录脚手架项目默认的首页index.html。以及App.vue组件中的router-view标签,默认是渲染的哪个组件?以及这个组件是可以在路由映射文件下配置的。vue脚手架项目默认访问的页面为什么App.vue组件会代替index.html首页中id为app的div元素?App.vue组件的内容在路由映射文件index.js中配置路由映射关系Home.vue组件测试脚手架项目默认的首页index.html。以及App.vue组件中的router-view标签,默认是渲染的哪个组件?以及这个组件是可原创 2021-05-02 17:39:29 · 4547 阅读 · 2 评论 -
Vuex插件
文章目录Vuex插件下载vuex插件在main.js中挂载vuex插件创建存储数据的仓库Vuex.Store({})对象中的modules属性以及组件中调用getters计算属性和state中的属性的方式Vuex.Store({})对象中的getters属性组件中是怎样调用mutations或actions里面的方法去改变state属性中的数据的?Vuex插件Vuex插件的作用就是存放一些数据,然后所有的组件都可以直接使用这些数据,并且在所有的组件之中都可以通过mutations中的方法更改Vuex插件原创 2020-12-30 17:29:22 · 704 阅读 · 0 评论 -
路由Router
文章目录路由Router路由映射路由嵌套路由Router安装和使用vue-router如果不用脚手架的话,我们用命令npm install vue-router --save进行安装在我们使用脚手架构建项目的时候不需要用上面的命令安装,因为只要在构建项目的时候把是否选择路由选择为yes之后,项目会自动帮我们安装路由。路由映射首先来看一下App.vue组件中如何使用路由进行路由映射的如下图:路由的index.js文件中配置的映射路径如下图:路由中使用push和replace方法直接跳原创 2020-12-30 10:21:16 · 244 阅读 · 1 评论 -
slot-scope具名插槽获取表格的对象参数
slot-scope具名插槽获取表格的对象参数在.vue组件中如果想要在表格中某一行获取到表格中这行的某列对应的数据,需要用slot-scope具名插槽,刚开始写slot-scope时会出现下图错误:这是因为我们的Vetur差价中using eslint-plugin-vue默认是勾选的,我们需要把它勾选取消如下图:取消之后关于slot-scope下面的红色波浪线就会消失了。...原创 2020-12-26 14:34:01 · 1450 阅读 · 0 评论 -
vue脚手架项目中使用axios发送异步请求以及async和await关键字的使用
vue脚手架项目中使用axios发送异步请求首先需要脚手架项目中安装axios,安装命令如下图:然后需要在main.js中对axios全局配置,因为在组件中使用axios的时候不能像在.js文件中那样,可以先导入axios,即import axios from ‘axios’,导入之后可以直接使用axios,如axios.get(…).then();在main.js文件中使用axios时如下图:在组件中如果写import axios from "axios"语句会报错,如下图:因此如果想要在原创 2020-12-23 21:30:06 · 2730 阅读 · 2 评论 -
element ui的安装配置和一些简单的使用
文章目录element ui的安装和一些简单的使用安装和配置element ui中的图标使用element ui官方网址中的表单校验表单重置表单提交时获取校验结果element ui的安装和一些简单的使用安装和配置首先先要在脚手架项目中安装element ui,命令如下图:脚手架项目中使用到了element ui官网中的代码如下图:在main.js文件没有配置关于element ui的信息之前,那么在启动脚手架项目的时候会在浏览器中报这样的错误。出现上面的错误的原因是因为没有在main.j原创 2020-12-23 21:00:44 · 767 阅读 · 0 评论 -
Vue搭建脚手架项目以及相关知识node,npm,webpack的介绍
Vue搭建脚手架项目以及相关知识node,npm,webpack的介绍1.前期需要准备的环境需要把node的安装目录在环境变量的path路径中配置一下,如下图其中node.exe的安装路径如下图脚手架主要是用node.exe中自带的npm(Node Package Manager)这个工具,npm工具的主要作用是管理安装包的,我们可以通过npm通过包名搜索包然后安装包,npm就相当于是我们windows系统中的软件安装管家,npm的一些命令如下:NPM命令:npm -v-查看版本npm原创 2020-12-21 22:15:26 · 370 阅读 · 0 评论