Vue
阮俗气
记录一路走过的坑
展开
-
【WAY TO VUE 1】NPM包资源管理
NPM介绍 NPM安装和初始化 nodeJs官网下载,一键安装,查看版本 npm init初始化项目 NPM模块的安装方式 本地安装 npm install <Module Name>[@版本号] 1、模块安装在当前文件夹的node_modules 2、模块需要的依赖也一并安装 3、package.json内dependencies会添加安装的模块 关于package.json内版...原创 2019-09-12 23:45:25 · 90 阅读 · 0 评论 -
【WAY TO VUE 2】VS Code
VS Code 界面布局 插件安装 1、安装浏览器插件 open in browser Alt+B使用默认浏览器打开当前html页面 Shift+Alt+B选择其他浏览器 2、Vue 3、Vetur 4、Auto Rename Tag 自动完成另一侧标签的修改 5、Path Intellisense 自动路径补全 6、HTML CSS Support 让html标签上写class智能提...原创 2019-09-13 01:17:50 · 85 阅读 · 0 评论 -
【WAY TO VUE 3】Vue基础
Vue HelloWorld MVVM模型 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 · 102 阅读 · 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 · 126 阅读 · 0 评论