vue开发
文章平均质量分 84
itlixiaolong
这个作者很懒,什么都没留下…
展开
-
vue专家不想让你知道的7个秘密
1.聪明的watch有一种业务场景我们会在组件created的时候根据某个数据去请求接口,之后我们监听这个数据,改变后重新请求数据,我们很容易写出下面的代码 watch: { searchText () { this.fetchUserList() } }, created () { this.fetchUserList() }优化后created() { this.fetchUserList()},watch: {searchTex原创 2021-01-27 22:49:15 · 160 阅读 · 0 评论 -
vue高级开发的技巧
1.在v-for中使用函数2.使用Object.assign进行多个响应式属性赋值3.使用修饰符.passive提升移动端性能3.使用inheritAttrs:false禁止属性集成,但是不影响class和style的合并4.使用.sync来简化父子组件的通讯5.使用@hook:生命周期来优化代码,增加可维护性将绑定监听函数和解绑监听函数写到同一个钩子中,便于维护在组件外部监听组件的生命周期,而不需要改动组件逻辑6.小型项目采用vue2.6提供的新API Vue.observ原创 2020-09-17 18:54:32 · 1219 阅读 · 1 评论 -
在vue的开发环境和生产环境如何配置webpack让其支持vue-router的history路由模式
如果在vue的项目中使用history的路由模式,当页面跳转到子路由后,如果此时刷新页面会报404,这时会影响开发模式下的开发体验,此时可以通过配置,一.开发环境1.vue-cli3的项目可以修改vue.config.js中的devserevr选项 devServer: { port: 9000, proxy: { '/': { //关注点 ...原创 2020-04-29 20:28:38 · 2261 阅读 · 0 评论 -
vue采坑之路-stylus开发
vue采坑之路-stylus开发项目是基于vue+stylus开发,运行npm run dev后重新编译时,报 expect ‘indent’,got ‘outdent’ ,如果stylus是写在style中的说明你的缩进有问题,如果是外部引入的,说明外部的文件已经成功引入,只是样式文件中的缩进有问题,这时产生问题的原因有可能是以下两种:<1>样式文件中缩进有问题<2&gt...原创 2018-12-19 11:03:01 · 206 阅读 · 0 评论 -
怎么使用vue-cli3一步一步生成项目(全网最全的中英文对照)
创建vue项目步骤<1>vue create 项目名(enter键确认,并进入下一步)<2>出现底下两项 default (babel, eslint)(默认初始化一个项目的最小配置,) Manually select features(手动选择项目特性)<3>选择manually select (enter键确认,并进入下一步)...原创 2019-06-29 18:18:38 · 9103 阅读 · 0 评论