![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
谁家菜鸟初养成
我打游戏很菜
展开
-
VUE项目开发遇到的各种小问题(持续更新)
需求一如图:图1.底部导航导航小图标对应10个img,要实现底部导航切换,对应的图标也替换成响应的绿色的img出现问题Vue循环数组改变其中某一项的属性,视图不会重新渲染解决方案1.引入:静态图片想动态添加绝对路径或相对路径的src的话,必须用将路径用require('图片路径')2.点击切换图片:<router-link></route...原创 2019-11-07 18:28:59 · 310 阅读 · 0 评论 -
VS Code vue-cli里面使用scss出现红色波浪线语法错误,但是build编译正常
解决办法:1.安装vetur插件2.在settings.json中写入"files.associations": { "*.vue": "vue" }原创 2019-10-21 18:10:55 · 3201 阅读 · 0 评论 -
npm install报错 npm ERR! Error while executin npm ERR! undefined npm ERR! No git binary found in $PATH
npm install报错具体信息如下:网上搜索问题是因为Node环境从8到10后才出现这种情况,解决办法是执行npm rebuild node-sass如果这样报错失败的话,再执行:npm uninstall -s node-sassnpm install -s node-sass就是直接删除node-sass包后再重新install对于一些老项目的话可能有些...原创 2019-05-07 11:54:35 · 10581 阅读 · 2 评论 -
Vue.js基础自学笔记-事件处理
一、监听事件可以用v-on指令监听DOM事件,并在触发时运行一些JavaScript代码。<div id="example-1"> <button v-on:click="counter += 1">ADD 1</button> <p>The button above has been clicked {{ counter ...原创 2019-04-28 09:00:37 · 126 阅读 · 0 评论 -
Vue.js基础自学笔记-表单输入绑定
一、基础用法用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定,它会根据控件类型自动选取正确的方法来更新元素。一、但是v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model会忽略所有表单元素的value、checked、selected特性...原创 2019-04-29 11:09:15 · 282 阅读 · 0 评论 -
Vue.js基础自学笔记-列表渲染
一、用v-for指令根据一组数组的选项列表进行渲染v-for指令需要使用item in items 形式的特殊语法,items是源数据数组,item是数组元素迭代的别名。<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li><...原创 2019-04-23 16:53:56 · 186 阅读 · 0 评论 -
Vue.js基础自学笔记-条件渲染
一、v-if用于条件性的渲染一块内容,这块内容只会在指令的表达式返回truthy的时候被渲染<h1 v-if="aewsome">Vue is awesome!</h1>也可以用v-else添加一个else块:<h1 v-if="awesome">Vue is awesome</h1><h1 v-eles>Oh n...原创 2019-04-22 14:56:30 · 97 阅读 · 0 评论 -
Vue.js基础自学笔记-class与style绑定
一、绑定HTML Class1.对象语法传给v-bind:class一个对象,动态切换class:<div v-bind:class="{active: isActive }"></div>active这个class存在与否取决于数据属性isActive的truthiness.我们可以在对象中传入更多的属性动态的切换多个class,另外,v-bind:cl...原创 2019-04-22 11:39:03 · 175 阅读 · 0 评论 -
Vue.js基础自学笔记-模板语法
这一篇的学习内容都是模板语法相关的东西,边看API边自己总结,感觉这样记得更清楚一些吧^-^,今天小脑袋瓜也得加油一、指令指令 (Directives) 是带有v-前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式。当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM1.参数一些指令能够接收一个“参数”,在指令名称之后以冒号表示。v-bind:响...原创 2019-04-02 16:20:49 · 133 阅读 · 0 评论 -
vue.js基础自学笔记-计算属性和侦听器
一、计算属性1.示例<div id = "example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p></div>var vm = ne...原创 2019-04-04 10:31:15 · 197 阅读 · 0 评论