Vue
阮俗气
记录一路走过的坑
展开
-
【WAY TO VUE 1】NPM包资源管理
NPM介绍NPM安装和初始化nodeJs官网下载,一键安装,查看版本npm init初始化项目NPM模块的安装方式本地安装npm install <Module Name>[@版本号]1、模块安装在当前文件夹的node_modules2、模块需要的依赖也一并安装3、package.json内dependencies会添加安装的模块关于package.json内版...原创 2019-09-12 23:45:25 · 118 阅读 · 0 评论 -
【WAY TO VUE 2】VS Code
VS Code界面布局插件安装1、安装浏览器插件 open in browserAlt+B使用默认浏览器打开当前html页面Shift+Alt+B选择其他浏览器2、Vue3、Vetur4、Auto Rename Tag自动完成另一侧标签的修改5、Path Intellisense自动路径补全6、HTML CSS Support让html标签上写class智能提...原创 2019-09-13 01:17:50 · 105 阅读 · 0 评论 -
【WAY TO VUE 3】Vue基础
VueHelloWorldMVVM模型Model:模型,数据对象View:视图,模板页面ViewModel:视图模型,本质上就是Vue实例Vue Devtools拖拽安装包到谷歌扩展程序,f12内即可调试v-once v-html v-bind v-on函数和计算属性1、函数没有缓存,计算属性有缓存2、函数只支持单向,计算属性默认只有getter,可以写setter...原创 2019-09-13 13:10:52 · 120 阅读 · 0 评论 -
【WAY TO VUE 4】过渡动画 和 自定义指令
文章目录过渡动画过渡动画在CSS中操作transition(过滤)和animation(动画)达到不同效果操作步骤:1、为目标元素添加一个父元素<transiton name=“ryan”>,让父元素通过自动应用CSS来达到效果2、六个状态的CSS(xxx代表transiton的name)xxx-enter 进入前状态xxx-enter-active 进入中状态xx...原创 2019-09-22 10:19:09 · 153 阅读 · 0 评论