![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
最帅扫地僧
年少轻狂
展开
-
npm的使用
文件模块的解析流程不同的版本对文件模块的解析流程往往不一样会先找同级别是否存在该文件,文件找不到,会找文件夹如果文件夹下面存在package.json,查看package.json中的main字段对应的文件,会执行此文件如果没有package.json文件,执行此文件夹下面的index.js文件,备注:对于有些版本,即使存在package.json中,即使存在main,也仍然会去执行index.js文件模块分类分为第三方模块、核心模块、自定义模块核心模块不需要安装,第三个模块需要安装,自原创 2020-12-01 21:12:59 · 440 阅读 · 0 评论 -
Vscode 项目文件快速生成注释
安装插件:koroFileHeader安装成功之后,使用 Ctrl+Alt+i 即可快速生成注释使用 Ctrl + shift + p 之后输入 codeDesign 可以选择生成自己喜欢的注释主题自定义文件header部分注释内容,打开settings.json文件(File>Preference>Settings>Extensions>File header Configuration>Edit in settings.json)"fileheader.cust.原创 2020-06-18 12:54:16 · 998 阅读 · 0 评论 -
Vue性能优化
Vue性能优化路由懒加载–按需加载keep-alive缓存页面列表页进入到详情页,在由详情页返回到列表页设置了keep-alive的组件首次进入:beforeRouterEnter–>created–>activated–>deactivated设置了keep-alive的组件再次进入:beforeRouterEnter–>activated–>deac...原创 2020-03-29 21:31:18 · 141 阅读 · 0 评论 -
vue-指令、标签、模板、组件、混入
指令v-pre:一些静态的内容不需要编辑添加这个指令可以加快编辑,跳过这个元素和它的子元素的编译过程<span v-pre>{{hello world}}</span>// 显示的就是{{hello world}}v-cloak:解决屏幕闪动,当某些时候网络比较慢的时候,导致Vue来不及渲染,这时候页面就会显示vue的源代码,使得用户体验不友好,这时候在标签上添加这个...原创 2020-02-05 20:34:18 · 461 阅读 · 0 评论 -
vue的mixin注入
// 引入自mixin.js文件export const GlobalMixin = { data() { return { } }, methods: { deleteItem(title = 'Delete', content = 'Are you sure delete?') { return new Promise((resolve, re...原创 2019-12-26 20:22:37 · 555 阅读 · 0 评论 -
vue-网站配置favicon
在build下的webpack.dev.conf.js文件下的plugins配置如下代码: new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', favicon: 'src/assets/images/favicon.ico', inject: true ...原创 2019-07-04 16:02:58 · 131 阅读 · 0 评论 -
如何初始化一个vue项目
安装vue-cli脚手架工具npm i -g vue-cli查看vue是否安装成功及版本号vue -V使用vue-cli初始化项目vue init webpack project-name (vue init是vue-cli的命令,webpack是项目使用的模板模型,project-name是项目名称)之后根据自己项目所需进行enter操作vue安装jQuerynpm i ...原创 2019-06-24 17:10:06 · 10851 阅读 · 0 评论 -
谈谈vue.js中的常见问题
谈谈对MVVM的理解M代表model层即数据层,V代表view视图层,VM是viewmodel,是二者之间的桥梁,M和V之间并没有直接关联,而是通过viewmodel把二者绑定在一起,vm负责监听model层的数据改变,触发V层的UI渲染,以及处理用户的操作。这种模式实现了M和V的自动同步,开发者只需要更加专注于数据层,而不需要去关注DOM的变化情况。v-if,v-showv-...原创 2019-04-19 17:53:52 · 505 阅读 · 0 评论 -
认知vue系列1
对MVVM的理解萌芽于WPF,WPF基于Windows的用户界面最早的MVVM框架–KO(knockout),可以和jQuery兼容由三部分组成:model(模型层)、view(视图层)、viewmodel(暴露view层的数据,处理具体的业务逻辑)MVVM优缺点解放双手(数据变化,不需要在频繁的操作dom)view层和model层代码分离,降低了耦合缺点是对bug的排查达不到...原创 2019-09-23 15:25:39 · 137 阅读 · 0 评论 -
vue组件通信
vue组件通信方式props / $emit$children / $parentrefprovide / injectevent bus$attrs / $listenersVuex使用场景父子组件props / $emitref$children / $parent兄弟组件Vuexevent bus跨级组件Vuexprovide /...原创 2019-09-23 15:13:54 · 115 阅读 · 0 评论 -
vue自定义生成随机码
<div @click.stop="refreshCode"> <identify class="code" :contentHeight="42" :identifyCode="identifyCode"></identify></div><template> <div class="s-canvas"> ...原创 2019-07-17 08:51:23 · 10186 阅读 · 1 评论 -
vue的native、stop、self修饰符
native@click.native=’’ // 绑定原生点击事件在vue中给组件绑定事件的时候必须加上native修饰,监听根元素的原生事件用native修饰子组件内部向外部发送事件使用$emitstop<a v-on:click.stop='test'></a> // 阻止事件冒泡prevent<a v-on:submit.preve...原创 2019-07-19 09:53:23 · 4899 阅读 · 0 评论 -
vue-采坑
使用node的qs模块解析对象qs.stringify() // 解析对象,以&分隔,这一点和JSON.stringify()不同使用sha1加密数据使用sha1对password进行加密npm i sha1 -S,sha1(str)按需引入组件// import login from '@/views/login/index'// 常规写法const login =...原创 2019-06-28 17:41:51 · 271 阅读 · 0 评论