VUE
前端菜菜
http://my.csdn.net/#前端菜菜
展开
-
vue简版原理
complier.js编译模板。watcher.js 观察者。observe.js数据拦截。Dep.js 观察者模式。原创 2021-07-31 10:22:27 · 128 阅读 · 0 评论 -
vue nextTick源码原理分析
<div id="test">old</div> class Tan { constructor(dom) { this.dom = document.getElementById(dom); } nextTick(fn) { if (typeof Promise !== "undefined") { // 支持Promsie var p = Promise.resolve(1);..原创 2021-08-12 10:13:32 · 139 阅读 · 0 评论 -
vue webpack与优化!
01: 路由组件懒加载 component: () => import('./components/ShowBlogs.vue')02: prefetch 关闭prefetch 01: 移除 prefetch 插件 config.plugins.delete('prefetch') // 或者修改插件配置 config.plugin('prefetch').tap(options => { options[0].fileBlackl...原创 2021-04-16 11:32:57 · 1318 阅读 · 0 评论 -
npm发布vue包
01: 新建文件夹02: npm init => 生成 package.json 每个人的不一样{ "name": "ktrees", "version": "0.0.1", "description": "发布的第一个vue组件包", "main": "index.js", "scripts": { "test": "echo \"Error: no tes...原创 2020-04-29 15:33:24 · 300 阅读 · 0 评论 -
VUE + TS项目记录 vuex-class
npm install --save vuex-class文件目录:代码展示 index:import Vue from 'vue';import Vuex from 'vuex'; // 引入模块import LoginStore from './modules/LoginStore'; Vue.use(Vuex); export default new Vuex.St...原创 2020-03-25 09:11:15 · 928 阅读 · 0 评论 -
VUE + TS项目记录 (修饰器vue-property-decorator)
安装:npm i -S vue-property-decorator提示:I: 首先安装上面两个模块II: 使用相应的模块,引入对应的模块**01: @Prop 属性传递****// 使用:<h4> {{propA}} | {{propB}} | {{propC}}</h4>**@Componentexport default class Yo...原创 2020-03-25 09:09:00 · 1308 阅读 · 0 评论 -
VUE + TS项目记录 (文件命名)
01: 仓库StoreI: 模块引入在store文件下index.ts引入所需要的的模块,并且在modules中注册namespaced: true => namespaced为false的时候,state,mutations,actions全局可以调用,为true,生成作用域,引用时要声明模块名II : 文件名(希望尾缀名.xxxStore.ts) 方便在文件引入的时候看尾缀名...原创 2020-03-25 08:56:18 · 1635 阅读 · 0 评论 -
vue+typescript的vscode代码片段设置编码
{"Print to console": {"prefix": "vue TypeScript Template","body": ["<template>\n\t<div>\n\n\t<div>\n</template>\n","<script lang=\"ts\">\n...原创 2020-02-28 10:11:29 · 757 阅读 · 2 评论 -
VSCode中"experimentalDecorators"设置问题
前言最近用vue+typescript做项目,脚手架构建好项目后,发现vsCode一直发出警告提示,百度之后,解决了。但是又不仅仅是百度就解决了。问题的出现工作区有几个项目,新开的项目添加进来的位置在最后。警告提示:Experimental supportfordecoratorsisa feature thatissubjecttochangeinafu...转载 2020-02-27 14:20:11 · 646 阅读 · 0 评论 -
vue styel,class简单介绍
标签class属性class: 一个data:{ bgred : 'red', flag:true}<p :class="bgred"> 字符串</p> <p class="zhijie"> 字符串</p><p :class="{blod:flag}"> 对象布尔值</p>class: ...原创 2019-07-24 09:25:37 · 216 阅读 · 0 评论 -
父子组件同时更新(三种方法) VUE
01: this.$emit(‘自定义事件’,val)<child-one :ms="a" @devicehandel="emithandel"></child-one><button @click='emithandel'>按钮</button>methods: { emithandel() { this....原创 2019-07-24 08:54:01 · 1403 阅读 · 0 评论 -
$attrs props
$attrs01: 获取父组件,上面的属性(不包括class,style)02: prop父组件传递给子组件的数据A根 B子组件 C孙子组件C => 获取A根传递的数据<根A :data1='数据1' :data2='数据2' > </根A ><子B v-bind='$attrs'> </子B >子组件B: p...原创 2019-07-18 20:53:08 · 190 阅读 · 0 评论 -
vue $listeners祖孙之间通信事件
A是父组件, B是子组件 ,C孙子组件当我们A 向 C 传值的时候我们有几种方式01: A父组件 => b子组件 => C子组件02: VUEX03: $listeners根组件<template> // v-on="$listeners", 子组件获取根组件绑定的事件 <slot-main v-on="$listeners" @rootFn1...原创 2019-07-18 19:45:01 · 1223 阅读 · 0 评论