![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
weixin_436278061
这个作者很懒,什么都没留下…
展开
-
vue路由中name 的作用
可以使用nam进行路由跳转如果不加name keep-alive 可能会产生一些未知的错误原创 2022-03-03 09:47:01 · 741 阅读 · 0 评论 -
vue 利用计算属性 深度监听数据的变化
利用计算属性,即可完成对数据的深度监听。 export default { data () { return { obj:{ name:'夜空中最亮的星星', age:18 } } }, methods:{ hadnleupdata(){ thi...原创 2020-03-16 18:12:14 · 2106 阅读 · 0 评论 -
vue-cli4vscode自定义代码块
{ "Vue Template":{ "prefix": "vueTemplate", "body": [ "<template>\n\t<div>\n\n\t</div>\n</template>\n\n", "<script lang = \"ts\">\nimport { Component, Vue } fr...原创 2020-02-25 17:41:32 · 284 阅读 · 0 评论 -
H5移动端区分是微信浏览器打开,还是外部浏览器打开。
```javascriptlet viewer = window.navigator.userAgent.toLowerCase();if(viewer.match(/MicroMessenger/i) == 'micromessenger'){ alert('微信浏览器');}else{ alert('外部浏览器');}原创 2019-12-10 11:21:13 · 1172 阅读 · 0 评论 -
移动端 ios 键盘顶起
main.js 写一个方法将方法挂在vue的原型链上,需要用到的地方,绑定一下就好了```javascript @blur="lostBlur"原创 2019-12-09 15:00:47 · 195 阅读 · 0 评论 -
vue 中引入全局的 stylus 样式表
在build文件夹下面 utils.js文件下添加一个变量赋值如下```javascript const stylusOptions = { import: [ path.join(__dirname, "../src/assets/styles/iconfont/hbh.styl"), // base.styl全局变量文件 ]}然后就是return最...原创 2019-12-02 14:44:39 · 816 阅读 · 0 评论 -
beeter-scroll个人遇到的两个坑,图片不能点击,以及不能长按保存。
解决办法 this.scroll = new BScroll(this.$refs.wrapper,{click:true,preventDefault:false}) 配置两个属性,第一个是解决click事件不能点击,第二个是解决长按图片不能保存。...原创 2019-08-04 16:38:20 · 154 阅读 · 0 评论 -
vue移动适配
方法有很多种,这里推荐一种简单的,利用第三方包将px自动的转换为rem首先下载两个包 npm i -S amfe-flexible npm i postcss-pxtorem --save-dev然后在 vue 的 main.js 中引入 import ‘amfe-flexible/index.js’最后要在 package.json 中进行配置。"postcss": { "plugi...原创 2019-07-10 15:22:48 · 225 阅读 · 0 评论 -
Nuxt 中使用 sess 配置
Nuxt 中默认是不支持 sess 的,如果想要用我们需要如下配置安装完成后,注意有没有 npm 的警告,如果有的话,安装对应的依赖。原创 2019-05-10 10:53:46 · 127 阅读 · 0 评论 -
Nuxt.js配置 babel
我们使用 Nuxt.js 的时候默认是不支持 ES6语法的我们可以在生的脚手架里面找 package.json 文件的scripts下面的 dev 和 start 加上 –exec babel-node例如然后新建文件 .babelrc(点不能省略)在该文件下加上然后去你文件下执行以下命令npm i babel-core babel-preset-es2015 babel-cl...原创 2019-05-10 10:29:34 · 1981 阅读 · 0 评论 -
Vue创建组件的方式
方式一创建一个私有组件 new Vue({ el:"#app", components: { App:{ template:"<div><h1>标题</h1><span>内容</span></div>" } }, template:'<A...原创 2019-05-06 15:12:01 · 434 阅读 · 0 评论 -
vue中操作DOM元素
先看下面的这一串很简单代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...原创 2019-05-06 14:52:39 · 925 阅读 · 0 评论 -
Vue生命周期函数
“谈谈你对vue的生命周期的理解”,听到这句话你是不是心里暗自窃喜:这也太容易了吧,不就是beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这几个钩子函数么,创建=>挂载=>更新=>销毁,So easy !!!非也非也。如果你只是简单罗列出这几个钩子函数的名...原创 2019-03-24 14:28:29 · 139 阅读 · 0 评论