![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
zcy_csdn123
让不懂的人懂,你才真正的懂。
展开
-
H5页面唤起手机数字键盘
H5唤起手机数字键盘转载 2022-06-09 10:35:44 · 3182 阅读 · 0 评论 -
预渲染 prerender-spa-plugin 尝试
背景:想给项目做一些优化,想尝试预渲染和SSR这里说一下SSR使用的技术栈是VUE预渲染使用的是 prerender-spa-plugin 这个包先说一下效果吧这个感觉就是类似高级的骨架屏,不过他是一个真正的页面,只是没有数据,或者数据驱动渲染的一切。使用这个插件 配置好几个预渲染的页面会 在build时提前讲这些页面渲染成浏览器可以直接打开的html文件。这样你在浏览器输入地址后,会直接得到这样一个页面,省去了渲染出页面的时间,因为在打包时这个页面就渲染完了,也就是我们提前预渲染了。不好用原创 2022-04-20 11:45:19 · 1831 阅读 · 1 评论 -
前端安全问题记录
1、浏览器中可以看到源码问题可以在coonfig中配置productionSourceMap:false2、cookie设置问题由后端设置,此时浏览器里查看 HTTPOnly 会出现对号这样无法用JS获取cookie原创 2021-12-27 11:16:18 · 2093 阅读 · 0 评论 -
VUE自定义全局组件
1、创建自己的组件2、组件需要一个index.js文件,并且这个文件需要一个install 方法在install 方法中注册自己的组件 vue.component3、在main.js 中 使用vue.use()4、此时已经全局注册了组件 在使用时就可以想element 或者iview 等框架 直接标签使用<popup></popup>...原创 2021-04-08 15:36:27 · 120 阅读 · 0 评论 -
vue 热跟新 css热更新 vue-cli 3.0
vue-cli 3.0后没有默认配置文件 需要我们自己创建vue.config.jsmodule.exports = { // 基本路径 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // webpa...原创 2019-10-29 16:51:24 · 1748 阅读 · 0 评论 -
vue cli 3.0 创建项目
传送门:https://www.jianshu.com/p/6307c568832d转载 2019-06-19 10:57:51 · 199 阅读 · 0 评论 -
You are using the runtime-only build of Vue where the template compiler is not available
传送门:https://blog.csdn.net/wxl1555/article/details/83187647转载 2019-06-11 16:38:49 · 462 阅读 · 0 评论 -
VUE 环境变量 process process.env
vue-cli 构建的项目,可以创建 .env.development .env.production等文件, 在根目录下面, 里面可以定义一下变量,称为环境变量,因为他们属于 development production 环境。简单看一下.env.development文件的内容VUE_CLI_BABEL_TRANSPILE_MODULES = trueNODE_ENV: 'develop...原创 2019-09-12 16:20:51 · 33811 阅读 · 3 评论 -
vue cli 3 创建项目
先安装vue vue-cli 具体方法百度// 切换到相应的目录下面 my-app 是项目名称 注意项目名不可以使用大写字母 如myApp 否则报错无法创建vue create my-app然后会让你选择配置有两个选项default 默认配置Manually 自己选择嫌麻烦的同学可以选择第一项什么都不用管需要配置的选第二项当选择Manually 时 有很多配置 如 Babel...原创 2019-09-23 12:25:46 · 102 阅读 · 0 评论 -
ts的方式写VUE的注意事项(自己遇到的坑)
刚开始学习TS写VUE记录一下其中出现的坑1、HTML(TEMPLATE)部分可以实现,但JS无效import { Component, Vue } from 'vue-property-decorator';// 下面这句如果不添加JS无效@Component({})猜想原因:VUE单页面,所有的其他页面都被看成组件,在#app的里面,添加了@Component也就声明了本页面是组件...原创 2019-09-23 15:13:37 · 2074 阅读 · 0 评论 -
vue的调试工具 vue-devtools
vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装可以去chrome 商店寻找安装 但需要翻墙github上下载是比较简单的git clone https://github.com/vuejs/vue-devtools.git// 切换到对应目录npm installnpm ...转载 2018-11-20 15:46:58 · 168 阅读 · 0 评论 -
vue use
https://segmentfault.com/a/1190000012296163转载 2018-07-30 11:26:46 · 446 阅读 · 0 评论 -
Vue2 后台管理系统解决方案
传送门:https://segmentfault.com/a/1190000008582706 在用Vue + element ui 开发后台,但element UI常用功能组件并不是那么全面 比如常用的图表等什么的,于是看到了这篇 图标 图片上传 富文本编辑器转载 2017-10-30 16:03:02 · 487 阅读 · 0 评论 -
vuex + axios 发送请求
Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求 http://www.cnblogs.com/wisewrong/p/6402183.html转载 2017-10-17 14:27:01 · 362 阅读 · 0 评论 -
Vue2.0 探索之路——生命周期和钩子函数的一些理解
传送门:https://segmentfault.com/a/1190000008010666转载 2017-11-02 19:53:15 · 280 阅读 · 0 评论 -
小记VUE下setTimeOut和setInterval遇到的问题
相信大家对着两个函数都陌生,就是一个定时器,setTimeOut只执行一次,而setInterval会重复执行 需要注意的是:在setInterval不用的时候一定要用clearSetInterval关闭定时器。说一下最近开发中遇到的问题,我是用vue开发的,顺便记录这个错误。 我需要轮询接口,所以使用setInterval。// 我是想没2秒执行一次myFunc这个函数。setInterva原创 2017-12-01 15:03:39 · 12857 阅读 · 1 评论 -
vue的混合(mixin)
mixinsVue一种灵活的服用方式 简单的说一下,在mixin对象里写的函数是可以被复用的,并且如果和组件函数名称相同将会被覆盖用法基本大家可以看一下vue的官方文档,我在这里介绍一下如何在组件中引入,并缺如何在全局中设置。组件中找个地方专门写mixin.js 文件// mixin.jsexport default { created () { consol原创 2018-01-15 14:25:07 · 2172 阅读 · 0 评论 -
vue router 跳转后回到顶部
在main.js中加上这段代码// 跳转后返回顶部router.afterEach((to,from,next) => { window.scrollTo(0,0);})原创 2018-03-06 21:12:12 · 9699 阅读 · 3 评论 -
vue 使用less
// 在项目目录下npm install less --save-devnpm install less-loader --save-dev// 然后重新npm installnpm run dev记录一下,本来是想在webpack中配置呢,重新npm install 就可以了,应该是默认写进去了,或者是作为node的包 包含进去了,具体不明确,不过可以适用less了原创 2018-02-24 16:47:40 · 572 阅读 · 0 评论 -
vue 中获取屏幕尺寸
data() { return { screenWidth: document.body.clientWidth, // 屏幕尺寸 } },// 钩子函数mounted () { const that = this window.onresize = () =&gt; { return (() =&gt; ...原创 2018-07-05 16:58:23 · 36140 阅读 · 2 评论 -
vue-axios整合使用
http://blog.csdn.net/hant1991/article/details/74931158原创 2017-10-18 15:21:48 · 245 阅读 · 0 评论