vue
关注
分享
扫一扫
文章平均质量分 53
夜已如歌_ok
这个作者很懒，什么都没留下…
展开
-
vue + ts 项目中ModelSync的用法
要使vue支持ts写法，我们需要用到vue-property-decorator，这个组件完全依赖于vue-class-componet首先安装：npm i -D vue-property-decorator@ModelSync(propName: string, event?: string, options: (PropOptions | Constructor[] | Constructor) = {})@ModelSync装饰器可接受三个参数:propName: string.原创 2021-02-01 21:59:39 · 1838 阅读 · 3 评论 -
vue + ts 项目中PropSync的用法
要使vue支持ts写法，我们需要用到vue-property-decorator，这个组件完全依赖于vue-class-componet首先安装：npm i -D vue-property-decorator@PropSync(propName: string, options: (PropOptions | Constructor[] | Constructor) = {})@PropSync和@Prop用法类似，二者区别在于：@PropSync装饰器接受两个参数：propNam.原创 2021-01-28 21:47:58 · 6217 阅读 · 1 评论 -
vue + ts 项目中Model的用法
要使vue支持ts写法，我们需要用到vue-property-decorator，这个组件完全依赖于vue-class-componet首先安装：npm i -D vue-property-decorator@Model(event?: string, options: (PropOptions | Constructor[] | Constructor) = {})@Model装饰器允许我们在一个组件上自定义v-model，接受两个参数:event: string类型，表示事件名；.原创 2021-01-28 21:53:33 · 4213 阅读 · 0 评论 -
vue + ts 项目中Emit的用法
要使vue支持ts写法，我们需要用到vue-property-decorator，这个组件完全依赖于vue-class-componet首先安装：npm i -D vue-property-decorator@Emit(event?: string)@Emit装饰器接收一个可选参数，作为事件名；如果没有提供这个参数，$emit会将回调函数的camelCase(驼峰式)转为kebab-case（短横线命名），并将其作为事件名；@Emit会将回调函数的返回值作为第二个参数，如果返回值是一.原创 2021-01-29 18:14:10 · 10324 阅读 · 0 评论 -
vue-property-decorator的简单介绍
vue-property-decorator的简单介绍要使vue支持ts写法，我们需要用到vue-property-decorator，这个组件完全依赖于vue-class-componet首先安装：npm i -D vue-property-decoratorvue-property-decorator有几个装饰器和一个函数（Mixin）:@Prop @PropSync @Model @ModelSync @Watch @Provide @Inject @Provid.原创 2021-02-01 21:48:17 · 502 阅读 · 0 评论 -
Vue项目兼容IE11
使用的是vue-typescript-admin-template项目（vue-cli3脚手架搭建）进行改造的，但在IE11下面出现各种语法错误，下面将解决方法记录下来，供大家参考。下面是错误截图：语法错误：Promise 错误polyfill默认的Vue CLI项目会使用@vue/babel-preset-app，它通过@bable/preset-env和browserslist配置来决定项目需要的polyfill。默认情况下，它会把useBuiltIns: 'usage'原创 2021-01-22 17:00:02 · 4123 阅读 · 2 评论 -
vue + ts 项目中watch的用法
从vue-property-decorator中引入Component、Prop、Watch、Vue import { Component, Vue, Prop, Watch } from 'vue-property-decorator'; 需要监听的数据 @Watch('show')getShowStatus(newVal, oldVal) { console.log("newVal = ", newVal, "oldVal = ", oldVal)}; ...原创 2020-10-29 22:11:57 · 16815 阅读 · 0 评论 -
vue 如何监听Array的变化
var hasProto = '__proto__' in {};var arrayProto = Array.prototype;var arrayMethods = Object.create(arrayProto);var methods = ['push', 'pop', 'shift', 'unshift', 'reverse', 'sort', 'splice'];function def (obj, key, val, enumerable) { Object.define.原创 2020-07-27 20:56:49 · 729 阅读 · 0 评论 -
学习Vue源码前的基础知识
获取OuterHTML /** * Get outerHTML of elements, taking care * of SVG elements in IE as well. */ function getOuterHTML (el) { if (el.outerHTML) { return el.outerHTML } else { var container = document.createEl原创 2020-07-01 22:50:32 · 362 阅读 · 0 评论 -
vue源码学习（一）实例初始化
vue源码版本为2.6.11（cdn地址为： https://lib.baomitu.com/vue/2.6.11/vue.js）vue源码里有这样一段代码：其中定义了Vue构造函数，然后依次调用initMixin、stateMixin、eventsMixin、lifecycleMixin、renderMixin方法，并将Vue构造函数作为参数。注：this instanceof Vue 用于判断this是否是Vue对象构造函数的实例。...原创 2020-06-30 22:48:22 · 467 阅读 · 0 评论 -
vue 按需加载的几种方式
1.vue异步组件技术使用vue-router配置路由，使用vue的异步组件技术，可以实现按需加载{ path: '/test', name: 'Test', component: resolve => require(['./TestDemo'], resolve)}2.使用import路由懒加载const Foo = () => i...原创 2019-12-03 11:31:35 · 804 阅读 · 0 评论 -
Vue scoped
何为Scoped CSS在Vue文件中的style标签上有一个特殊的属性，scoped。当一个style标签拥有scoped属性时，它的css只作用于当前组件中的元素。这样就可以使组件的样式不相互污染。它通过使用PostCSS来实现以下转换：<style scoped>.example { color: red;}</style><templa...原创 2019-11-24 20:28:57 · 374 阅读 · 0 评论 -
vue 生命周期
先看vue官网生命周期图示：使用的是2.6.10版本的vuejs<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="https://u...原创 2019-11-21 21:12:14 · 335 阅读 · 0 评论