vue
关注
分享
扫一扫
asdfwxy
专注过程和结果，安心做技术;
展开
-
Vue错误记录
1：Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.导入组件不要加{}//错误import {EmptyPosition } from './emptyPosition.vue'//正确import EmptyPosition from './emptyPosition.vue'原创 2022-03-21 18:01:29 · 916 阅读 · 0 评论 -
访问与修改vuex中全局数据
访问全局变量方法1：通过this.$store.state.变量名访问全局变量。this.$store.state.count;访问全局变量方法2；在组件中引入vuex的mapstate，通过mapstate的展开式调用全局变量。修改全局函数，Mutation中定义方法修改，在组件中调用该方法。...原创 2021-05-08 07:41:18 · 564 阅读 · 0 评论 -
vue中格式化使用单引号，去掉分号
项目根目录添加.prettierrc文件｛ “semi”: false, //不使用分号 “singleQuote”: true //使用单引号｝或者直接在.eslintrc.js代码检测配置具体参考：添加链接描述原创 2021-05-07 22:52:58 · 1199 阅读 · 0 评论 -
vuex位置和简单使用
安装vuex后，创建引入vuex的文件。将vue引入到main.js入库文件中。原创 2021-05-07 22:47:51 · 200 阅读 · 0 评论 -
Vue+SpringBoot使用注解@CrossOrigin解决跨域问题
背景：前台vue使用本地8082端口，后台使用8080端口，这样前台访问后台时候就产生了跨域问题。这里是从后台解决跨域问题。@RestController@CrossOrigin //这个注解解决了跨域问题@RequestMapping("/account")public class AccountController { @GetMapping("/{id}") public Account retrieve(@PathVariable Long id) { //原创 2021-04-27 09:19:48 · 1027 阅读 · 1 评论 -
vue具名插槽
具名插槽：一个页面的内容被传入到另一个页面中1:在父组件中分每一部分，每一部分<slot name="header"></slot>指定名称，等着传值。2：子组件引入父组件，并指定传到父组件的哪一部分<template v-slot:header><h1>头部区域</h1> </template>，不指定传入父组件哪一部分，就传入默认部分。父组件：<template> <div class="contain原创 2021-04-06 22:21:40 · 116 阅读 · 0 评论 -
vue作用域插槽
如何父组件使用子组件数据：1：子组件通过<slot :user="user"> </slot>把数据传入插槽中2：在父组件中<template v-slot:default="sprops"{{sprops.user.age}}</template> 把插槽中数据传入，并命名为sprops，然后就可以使用子组件数据了。子组件<template> <h1><!--:user="user" 就把子组件中数据传给了slot--&原创 2021-04-06 22:02:26 · 122 阅读 · 0 评论 -
安装及运行vue过程
1，首先下载node.js要求版本在8.9以上 官网：https://nodejs.org/zh-cn/安装完成后：node -v 检查是否安装成功。2，安装vue先设置淘宝镜像：npm config set registry https://registry.npm.taobao.org 安装vuenpm i @vue/cli -gvue -V //查看vue是否安装成功如果提示vue不是内部或者外部命令：全局搜索vue.cmd，把vue.cmd的路径添加到系统变量Pa原创 2021-03-11 09:34:26 · 136 阅读 · 0 评论 -
v-slot理解
v-slot只能是template元素上，有一种额外情况独占默认插槽//父组件<template> <item > <template v-slot:default> // v-slot:default可以不加,只能定义在template上 <div>牛奶</div> </template> <item></template> //it原创 2020-10-20 19:34:40 · 1826 阅读 · 0 评论 -
04路由 vue父子组件之间传递消息
父组件给子组件传递信息：1：定义一个子组件，通过components放到父组件内部。2：父组件中的信息，在子组件中绑定一下。3：props：定义传递的信息子组件给父组件传值1：子组件的数据，2：父组件中定义一个方法，获取子组件的信息。并且设置此值开始是空，3：在子组件中写一个按钮绑定子组件传递的方法。4：子组件中的￥emit方法。<body> <div ...原创 2019-10-18 17:23:03 · 195 阅读 · 0 评论 -
03路由 vue在根路径下实现页面布局
1：routes下面的path匹配根路径，components可以对应多个组件名。根据里面设置name，在组件中根据name写组件名称，可根据class添加样式。 <style> *{ margin: 0; padding: 0; } .head{ margin: 5px; height: 10...原创 2019-10-18 15:47:16 · 671 阅读 · 0 评论 -
02路由 vue嵌套路由的实现
1：从中开始，点击后进入其对应的组件2：在父组件的内部写子组件的3：在父组件的routes对象中写子组件的路由路径，使用children，与父组件path并列。<body> <div id="app"> <!-- #1 这里直接进入到account，点击account进入到下面的Account组件 --> <r...原创 2019-10-18 14:32:58 · 160 阅读 · 0 评论 -
01路由 vue创建路由例子,加载重定向，router-link样式，router-view添加动画,
1：直接下载包。https://unpkg.com/vue-router/dist/vue-router.js上面链接会一直指向NPM发布最新版本。也可以https://unpkg.com/vue-router@2.0.0/dist/vue-router.js这样指定版本号下载。<script src="/path/to/vue.js"></script><...原创 2019-10-18 11:48:18 · 369 阅读 · 0 评论 -
vue中的知识点总结 vue的v-if，v-else实现不同组件登录，键值分开。响应修改对象属性等。
1：使用username，或者邮箱登录。<template v-if="loginType === 'username'"> <label>Username</label> <input placeholder="Enter your username"></template><template v-else>...原创 2019-10-15 11:42:12 · 843 阅读 · 0 评论