随笔分类 -  Vue

vue3.0环境配置和项目初始化
摘要：环境配置 使用编译器： JetBrains webStorm ####安装node.js： https://nodejs.org/en/ 我的安装路径为D:\Program Files\nodejs\ 查看版本号 node -v npm -v 环境变量配置：系统变量里的path新建一个环境变量加入D 阅读全文
posted @ 2021-03-15 16:13 江湖有一青衫仗剑 阅读(869) 评论(0) 推荐(0)
vuex4 多模块的构建和使用
摘要：###构建目录 | store | | index.js | | modules 子模块目录 | └── test.js | | gettes 根getters | | actions 根actions | | mutations 根mutation index.js内容 import { crea 阅读全文
posted @ 2021-03-10 14:13 江湖有一青衫仗剑 阅读(278) 评论(0) 推荐(0)
vue3 组件传参
摘要：组件传参 散记点（父传子） v-bind传入Number,Function,Object等类型 <mycomponent :count="100" :data="{name: "wise"}" :list="['foo','bar']" :action="() => {}"/> 传递组件，组件变量形 阅读全文
posted @ 2021-03-05 15:47 江湖有一青衫仗剑 阅读(2333) 评论(0) 推荐(0)
vue3 CompositionAPI
摘要：##CompositionAPI 起源 逻辑复用，是对vue2.0Mixin的优化，以函数的形式封装公共逻辑，它通过显式的返回一个对象，让开发人员能在组件中直接了解到被引入的字段 ###函数 setup(props,context){ // props 响应式，可用props.attrs获取到值，e 阅读全文
posted @ 2021-03-05 15:46 江湖有一青衫仗剑 阅读(210) 评论(0) 推荐(0)
less
摘要：style标签内使用全局less变量 定义变量 // index.less @color-default: #30b985 npm install style-resources-loader vue-cli-plugin-style-resources-loader -D 使用style-reso 阅读全文
posted @ 2021-03-05 15:45 江湖有一青衫仗剑 阅读(76) 评论(0) 推荐(0)
vue3插槽
摘要：插槽 将元素作为承载分发内容的出口 <todo-button> Add todo </todo-button> // to-do 组件模板 <button> <slot></slot> </button> 插槽可以包含任何的模板代码 HTML 组件 如果template中没有包含一个元素，则该组件起 阅读全文
posted @ 2021-03-05 15:44 江湖有一青衫仗剑 阅读(160) 评论(0) 推荐(0)
vuex4
摘要：#vuex-4 起始 vue4是为vue3做的适配，vue2用低于vue4版本的 vuex Stores 是具有响应性的，state的更新是有效且及时的 state是不能直接改变的，需要提交mutations，留下记录。 import {createApp} from 'vue' import {c 阅读全文
posted @ 2021-03-05 15:41 江湖有一青衫仗剑 阅读(656) 评论(0) 推荐(0)