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 · 161 阅读 · 0 评论 -
【vue】如何跳转路由到指定页面位置
项目有一个需求，点击导航栏进入该页面时，进入指定的位置，刚开始用的绝对位置，没有考虑到不同的显示器，后来经过大佬的计算，实现了此功能。.js<script>//获取浏览器高度data() { return {height: `${document.documentElement.clientHeight}`,}}//后端会给一个值，来确定浏览器需要跳转到哪个位置...原创 2019-10-26 11:47:47 · 9010 阅读 · 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 · 10041 阅读 · 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 · 166 阅读 · 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 · 173 阅读 · 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 · 206 阅读 · 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 · 218 阅读 · 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 · 177652 阅读 · 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 · 1282 阅读 · 5 评论