![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 59
实战为基,理论为辅
渐暖°
才能这种东西 本来就是靠自己挖掘创造的 我也不是什么天才 我只是比任何人都拼命工作 一步一个脚印走过来了 等我回头一看 背后没有一个身影 那帮懒惰的人在山脚念叨着 谁叫那家伙是天才 开什么玩笑 我最讨厌悠哉悠哉长大的慢性子 比我有时间 有精力 感情丰富的人 为什么比我懒惰 那就给我啊 要把这些东西都浪费掉的话 就通通给我 我还有很多很多想创造的东西 给我啊--------摘自《legal high II》 与诸君共勉
展开
-
【vue】v-if和v-show的区别
vue中v-if和v-show的使用频率都很高,那么它们有什么区别呢?概念v-show: 首先说一下什么是v-show,其实v-show实际上就是css样式,把标签的display设置为nonev-if: 而v-if则是动态的向DOM树中增加或者删除标签分析v-show:不管值为true或者false,该元素都会渲染,所以一定要考虑该元素是否会再次显示v-if...原创 2019-12-15 22:00:49 · 155 阅读 · 0 评论 -
【vue】如何跳转路由到指定页面位置
项目有一个需求,点击导航栏进入该页面时,进入指定的位置,刚开始用的绝对位置,没有考虑到不同的显示器,后来经过大佬的计算,实现了此功能。.js<script>//获取浏览器高度data() { return {height: `${document.documentElement.clientHeight}`,}}//后端会给一个值,来确定浏览器需要跳转到哪个位置...原创 2019-10-26 11:47:47 · 8976 阅读 · 5 评论 -
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
刚开始使用vue时,不知道vue还有版本的区别,原来每个版本的vue都有各自的特点,那么如何去选择呢?环境首先先查询自己的vue版本vue --version如果你升级过vue-cli那么就要看下面那个文件你的vue版本了,我就是升级过,虽然vue-cli是3.11.0,但是vue在package里的版本是2.5.2package.json分析如果你是旧版本的时候创建的项目,及...原创 2019-10-07 14:51:07 · 9964 阅读 · 0 评论 -
【vue】父子组件传值
父子组件是如何传值的呢?环境:vue-cli:1.0x正文定义子组件Vue.component("TodoItem",{ props:['content'], template:"<li>{{content}}</li>" })在父组件中引入子组件,并且绑定要传的值<todo-item v-bind:content="item" v...原创 2019-09-30 10:22:51 · 149 阅读 · 0 评论 -
【vue】v-model双向绑定
如何实现双向绑定呢?一起来看看吧正文html代码<Input v-model="value" placeholder="Enter something..." style="width: 100px" />script data:{ list:[], inputValue:'', value: '' }, methods:{ ...原创 2019-09-29 10:44:50 · 151 阅读 · 1 评论 -
Vue入门(二)
之前学习Vue的一些基础,整理一下准备软件:1.HbuildX下载地址:https://pan.baidu.com/s/1NvMzBvIj8SDt2sGOPwHYgg非常好用的vue入门软件2.node.js学习vue需要的软件,自己百度搜索下载即可js文件下载vue.jshttps://cn.vuejs.org/v2/guide/installation.html部署...原创 2019-09-04 07:56:01 · 188 阅读 · 1 评论 -
【Vue】小例子入门以及生命周期探讨
文章目录1.鼠标停留显示信息2.显示和隐藏控件3.Vue生命周期钩子4.计算属性1.鼠标停留显示信息代码html文件<html><head><link rel="stylesheet" href="index.css"><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">...原创 2019-06-05 21:38:39 · 200 阅读 · 1 评论 -
VSCode 开发Vue必备插件
工欲善其事,必先利其器以下就是开发Vue必备插件:Vetur —— 语法高亮、智能感知、Emmet等包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)EsLint —— 语法纠错Debugger for Chrome —— 映射vscode上的断点到chrome上,方便调试(配置有点麻烦,其实我没用这个)...原创 2019-05-19 11:31:53 · 176950 阅读 · 27 评论 -
Vue 如何新建一个项目(如何安装依赖)
接触Vue框架已经有几个月了,之前一直很忙,现在把Vue学习的笔记在总结回顾一下安装Vue第一步,安装node.jshttps://nodejs.org/en/download/第二步,更换淘宝镜像npm install -g cnpm --registry=http://registry.npm.taobao.org第三步,安装Vue-cli脚手架构建工具npm install ...原创 2019-05-19 11:19:57 · 1261 阅读 · 5 评论