随笔分类 - vue学习日记
摘要：今天在安装vue环境测试项目的时候， 发现vscode调用终端异常，语句无法运行，百度上给的解决方法是给管理员权限 给了以后发现没用，怎么试都没用，然后想到了，重启大法，然后问题就完美解决了
阅读全文
摘要：v-if的特点是每次都会重新删除或创建操作 v-show的特点是每次不会进行DOM的删除和创建操作，只是切换了元素的display:none样式 <div id="app"> <input type="button" value="按钮" @click="btn"> <h1 v-if="flag">
阅读全文
摘要：1.迭代数组 <p v-for="(item,i) in list">id:{{item.id}} 名字：{{item.name}} 索引{{item.age}}</p> 2.迭代对象中的属性 <p v-for="(val,key,i) in userInfo">{{val}}--{{key}}--
阅读全文
摘要：1.直接在元素上通过:style绑定书写 <h1 :style="{color: 'red','font-size': '40px'}">这是一个h1文本</h1> 2.将样式对象定义到data中，并直接引用到:style中 data:{ style1:{color: 'red','font-siz
阅读全文
摘要：第一种方式，直接传递一个数组，注意使用v-bind绑定 <h1 :class="['red','size'">这是一个h1文本</h1> 在代码里使用三元表达式 <h1 :class="['red','size',flag?'active':'']">这是一个h1文本</h1> 在代码里使用对象和数
阅读全文
摘要：v-bind 只能实现数据的单项绑定，从data到view，无法实现双向绑定 v-model可以实现表单元素和model中数据的双向绑定 注意：model只能运用到表单元素中 如：input select checkbox textarea
阅读全文
摘要：.stop阻止冒泡 .prevent阻止默认行为 .capture实现捕获触发事件的机制（从大到小） .self实现只有点击当前元素时，才能出发事件处理函数 .once只触发一次事件函数 .stop和.self的区别 .self只会阻止自己身上的冒泡行为，不会真正的阻止冒泡的行为
阅读全文
摘要：分析： 1. 给开始按钮绑定一个点击事件 2.在按钮的事件处理函数中，写相关的业务代码 3.拿到msg字符串 4.调用字符串的substring来进行字符串的截取操作 5.重新赋值利用vm实例的特性来达到跑马灯效果 注意： 1.在vm实例中，如果想要获取data上的数据，或者想要调用methods中
阅读全文
摘要：1.Vue导入js后没反应{{msg}}仍是{{msg}} 错误原因：js里写错了，或者没new一个Vue html页面： 解决方法：代码加入 new
阅读全文
摘要：v-on的使用 简介： v-on 是一个事件绑定机制，可以缩写为@ 如： <input type="button" value="按钮" v-on:click="show"> <input type="button" value="按钮" @click="show"> <input type="bu
阅读全文
摘要：v-bind的使用 v-bind: 是vue中，提供用于绑定属性的指令 例： <input type="button" value="按钮" title="msg"> 这里的msg会被认为是提示文字，在title前面加上v-bind: 以后msg被视为变量 <input type="button"
阅读全文
摘要：vue入门的第一天 1. v-cloak v-cloak可以解决插值闪烁问题（防止代码被人看见），在元素里加入 v-cloak即可 html: <p v-cloak>{{msg}}</p> css: [v-cloak]{ display: none; } 2. v-text v-text 默认没有闪
阅读全文
摘要：git常用代码合集 1. Git init:初始化一个仓库 2. Git add 文件名称:添加文件到Git暂存区 3. Git commit -m “message”:将Git暂存区的代码提交到Git中; 4. Git checkout 文件名:将单个文件代码回滚到上次提交的版本；此回滚是先在Gi
阅读全文
浙公网安备 33010602011771号