vue
AdleyTales
这个作者很懒,什么都没留下…
展开
-
vue-cli3/4 设置多环境,自定义环境打包
https://juejin.cn/post/6844903682178285575原创 2021-02-09 10:27:00 · 474 阅读 · 0 评论 -
关于什么是前端的同构
同构(isomorph)一词,这个概念本来是来源于数学,具体自行查阅,下面是以介绍在JS中的同构概念。在前端,同构JavaScript应用指的是,用JavaScript编写的应用能够同时运行于客户端和服务器。因此,只需编写一次代码,在服务器上执行它来渲染静态页面,同时执行于客户端以允许快速的交互。大前端演变的过程:【纯后端渲染】 -> 2.【单页面应用(纯前端渲染和交互)】 -> 3.【 同构(后端渲染和前端交互)】现在,同构和服务端渲染(server side ren.原创 2021-02-03 19:22:15 · 940 阅读 · 0 评论 -
2021年基于vue的生态框架
Ant Design of VueElementUIiViewVuetify(基于Material Design)BootstrapVue (基于Bootstrap)Vue-element-admin (后台管理系统,搭建中后台项目 cms)Vite (基于下一代,最新浏览器的模块开发,Esbuild 是Golang开发的,性能很好)Nuxt (SSR 性能 SEO 同构【同构类似SSR】)跨移动端NativeScriptQuasar 【推荐,很不错】UniappIonic.原创 2021-02-03 19:15:22 · 456 阅读 · 0 评论 -
element-ui table 单选
<el-table :data="tableData" border @selection-change="handleSelectionChange" ref="tb" @select-all="onSelectAll"> <el-table-column type="selection" width="40px"></el-table-column> ...</el-table>// --- meth.原创 2021-01-25 17:19:48 · 342 阅读 · 0 评论 -
Vue 实现页面刷新(provide 和 inject)
Vue实现页面刷新普通方法: location.reload(); this.$rotuer.go(0);这两个方法会强制刷新页面,出现短暂的空白闪烁使用 provide和inject:这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。简单来说就是子孙组件可以访问到祖先的对象方法。在 App.vue 文件里写入 provide 的方法<!--页面级Vue组件--><temp原创 2021-01-12 19:25:24 · 277 阅读 · 0 评论 -
重复点击vue路由报错的解决
vue router js里添加如下代码即可//pushconst VueRouterPush = VueRouter.prototype.push;VueRouter.prototype.push = function push(to) { return VueRouterPush.call(this, to).catch(err => err);};//replaceconst VueRouterReplace = VueRouter.prototype.replace;V.原创 2021-01-12 19:16:32 · 640 阅读 · 0 评论 -
Vue 中深度选择器
vue组件编译后,会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局,但是如果引用了第三方框架,第二层开始就不会起作用了。解决这个问题,最好要使用vue中的深度选择器,否则需要解除scope属性>>> 作用css/deep/ 作用less/sass比如修改element的disabled的表单样式//修改disabled的样式.remarks >>>.is-d.原创 2020-12-31 17:11:15 · 1041 阅读 · 0 评论 -
vue项目中设置环境变量 .env
.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入,但会被 git 忽略.env.[mode] # 只在指定的模式中被载入.env.[mode].local # 只在指定的模式中被载入,但会被 git 忽略需要以***VUE_APP_***开头,比如VUE_APP_XXX.env 全局默认配置文件,不论什么环境都会加载合并.env.development 开发环境下的配置文件.env.prod原创 2020-07-23 19:55:43 · 983 阅读 · 0 评论 -
vscode 的vue代码段
vue.json{ "Print to vue-template": { "prefix": "vue", "body": [ "<template>", "\t<div class=\"$2-container\">\n", "\t</div>", "</template>\n", "<script&...原创 2019-12-20 16:33:11 · 241 阅读 · 0 评论