vue
番茄&辣椒酱
Web前端、guitar
展开
-
macOS+yarn+vue+vue-cli从零搭建vue开发环境
1、安装homebrew: /usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)” 2、下载yarn: brew install yarn 3、官网安装node.js: https://nodejs.org/zh-cn/download/ 4、yarn下载vue/vue-cli: yarn global add vue yarn global add vue-cli原创 2020-11-05 18:24:25 · 1001 阅读 · 0 评论 -
VUE学习总结(三)
1、v-model 实现表单实时更新,但是在中文输入法敲入汉字时才会更新,如果希望总是实时更新,可以用@input代替v-model。 //@input = “handleMessage” //{{message}} //实例中定义方法 methods:{ handleMessage(e){ this.message = e.target.value } } 2、v-model修饰符 v-model的修饰符用于控制数据同步的时机。 v-model.lazy:在失去焦点或按回车后才更新 v-mod原创 2020-07-30 13:46:33 · 95 阅读 · 0 评论 -
VUE学习总结(二)
1、计算属性 双向绑定的数据表达式如果过长,则将计算属性已函数的形式写在Vue实例中的computed选项内。 每一个计算属性都包含一个getter(读取)和setter(写入),默认getter。 computerd:{ get:function(){ ... } set:function(newValue){ ... } } 两个实用小技巧 计算属性可以依赖其他计算属性;计算属性可以依赖其他实例的数据。 使用method可以代替computed,但是计算属性依赖于缓存,当其所原创 2020-07-14 11:28:51 · 90 阅读 · 0 评论 -
VUE学习总结(一)
1、简介 vue.js简单小巧(17kb),渐进式(不必一开始会所有内容,可阶段性使用) 2、MVVM(Model-View-ViewModel) View与ViewModel之间双向绑定,vue通过MVVM拆分视图和数据 3、实例 <div id="app"></div> <script> var app = new Vue({ el= "#app", //必不可少 .... }) </script> 4、生命周期 beforeCreate cr原创 2020-07-13 09:53:19 · 279 阅读 · 0 评论 -
vue项目应用element-ui后报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf
在 webpack.config.js 中加入这个依赖 { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' }转载 2020-03-13 21:53:24 · 5704 阅读 · 0 评论 -
Vue输入框校验踩坑记录
VUE原创 2019-11-27 15:07:18 · 774 阅读 · 0 评论