2021年3月5日
vue3 组件传参
摘要： 组件传参 散记点（父传子） v-bind传入Number,Function,Object等类型 <mycomponent :count="100" :data="{name: "wise"}" :list="['foo','bar']" :action="() => {}"/> 传递组件，组件变量形 阅读全文
posted @ 2021-03-05 15:47 江湖有一青衫仗剑 阅读(2331) 评论(0) 推荐(0)
vue3 CompositionAPI
摘要： ##CompositionAPI 起源 逻辑复用，是对vue2.0Mixin的优化，以函数的形式封装公共逻辑，它通过显式的返回一个对象，让开发人员能在组件中直接了解到被引入的字段 ###函数 setup(props,context){ // props 响应式，可用props.attrs获取到值，e 阅读全文
posted @ 2021-03-05 15:46 江湖有一青衫仗剑 阅读(209) 评论(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)
async和await
摘要： ###async和await await后面接一个会return new promise的函数兵执行它 函数里有await 函数必须要有async await 只能放在async函数里 function my() { return new Promise(resolve => {resolve(da 阅读全文
posted @ 2021-03-05 15:43 江湖有一青衫仗剑 阅读(59) 评论(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)