Vue
聪明可爱小轩轩
欢迎关注公众号:聪明可爱小轩轩
展开
-
面试面试之Vue渲染过程(双向绑定原理)(三)
最近在准备面试,感觉好些东西了解,但是了解的深度有限。自己就总结了几个模块,打算强化一下。如果你感觉我的文章对你有帮助,请点赞。如果感觉有哪些不足之处,可以留言。让我们一同进步,学习!!! 最后在说明一下,这个系列我会一直写下去。如果,你有什么好的方向,也可以提出来。 Vue双向绑定的核心是数据劫持结合发布订阅者模式的方式,通过Object.defineProperty()这个原生的API来劫...原创 2020-04-21 19:29:07 · 868 阅读 · 0 评论 -
vue 回到顶部 backTop(自定义组件)
使用方式 <back-top :topHeight = 'topHeight' ,/> 使用参数 参数 类型 是否必填 默认 描述 topHeight Number 否 500 初始出现的高度 speed Number 否 10 初始返回的速度 setSpeed Number 否 20 加速度 right Number 否 60 距离浏览器右侧的距离 ...原创 2020-03-21 19:44:18 · 2416 阅读 · 0 评论 -
Vue.js中的键盘事件失效问题
场景 在登录场景中,我们输入完账号密码以后,需要点击确定提交按钮提交信息,同样的也可以点击回车(enter) 错误的写法 <el-button @click="onSubmit" @keyup.enter="onSubmit">登录</el-button> 这种的写法点击enter是没有效果的 正确的写法 <script> export default{ ...原创 2019-12-13 13:34:14 · 1535 阅读 · 2 评论 -
cnpm淘宝镜像安装
前端工作者学习者,通常会使用npm来安装各种东西。npm的服务器在国外,一般来说下载的速度还是比较慢的。所有就有了淘宝镜像这一说法。 windows+R 命令行输入cmd进入命令行,输入以下命令 npm install cnpm -g --registry=https://registry.npm.taobao.org 安装完成后会有如下提示 + cnpm@6.1.0 added 6...原创 2019-11-10 15:29:39 · 449 阅读 · 0 评论 -
ERROR Invalid options in vue.config.js: “baseUrl“ is not allowed
vue项目 我的这个版本是 3.10.0 module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' } 这里面是一个坑 在vue-cli.3.3版本后 baseUrl被废除了,因此这边要写成 publicPath。 改成 module.exports = { publi...原创 2019-11-04 19:32:05 · 25204 阅读 · 20 评论 -
Vue中父组件异步操作得到值,如何给子组件传,子组件如何用运正确的值
问题描述:两个组件,子组件的会用到父组件异步操作得到的值,所以说,子组件得到的值很可能是 undefine。如何破 问题解决:这里用到 watch属性,子组件对于得到的值进行监视,一旦变化就对其重新赋值 示例代码: props:['max'], watch:{ 'max':function (newVal) { mui('.mui-numbox'...原创 2019-08-02 12:06:28 · 924 阅读 · 1 评论 -
vue-preview的使用以及坑
首先贡献 vue-preview 的地址,如下 https://github.com/LS1231/vue-preview vue-preview 的使用说明 <template> <vue-preview :slides="slide1" @close="handleClose"></vue-preview> </template> ...原创 2019-07-27 19:48:17 · 8097 阅读 · 9 评论 -
Vue.js 钩子函数 afterEnter失效的问题,以及 done 的具体意思
最近在跟着Vue教程 黑马 205集完整版学习Vue的知识,难免会有一些问题,后续我也会将我的一些问题发布出来,供大家参考。 问题描述 正常情况下 是按照 beforeEnter enter afterEnter 的步骤走下来的,可是自己写例子的时候并没有走afterEnter的内容,我degbug的时候也是如此。 问题所在(解决方式) 在enter函数中其实是有两个参数的 一...原创 2019-07-17 14:51:53 · 2069 阅读 · 1 评论 -
Vue.js简单知识点总结
1、在接触Vue 之应该明白三个名称:挂载点,模板,实例 先写一个Vue实例吧 new Vue({ el:'#root', template:'<h1>{{ms}}</h1>', data:{ msg:"hellow world", } }) 上述整体来看,可以看作是一个实例。 挂载点:上面的“el”就可以看作是一个...原创 2019-04-23 19:47:43 · 195 阅读 · 0 评论 -
MVVM框架的个人理解
各人感觉,在理解MVVM框架之前,应该对于MVC框架有一个基本的了解。 MVVM框架,简单的来说,可以分为三个部分。 M ------>model ,也可以说明为是javaScript对象 V -------->DOM,也就是视图层(这里可以单独的理解为是前端页面) VM -------->ViewModel (使用者),也就是为了前端页面和数据的交互来使用的 这种情...原创 2019-04-21 14:39:58 · 598 阅读 · 0 评论