雪人的小屋

Vue2入门学习笔记 Vue2入门必备！ ⭐关注我查看更多配套笔记 学习视频：https://www.bilibili.com/video/BV1Zy4y1K7SH/ 【尚硅谷Vue全家桶】 本博客是对该视频内容的整理以及加入自己的理解 想全面学习的推荐大家去看原视频 1.Vue动画自己使用 Css 也能实现 12345678910111213141516171819202122232425262728293031323334353637<!-- 使用标签transition包裹 -->// apper属性可以让动画加载时出现 简写 apper 属性直接添加<transition name="hello" :apper="true" apper> <div> <button @click="isShow = !isShow"> 显示/隐藏 </button> <h1 v-show="is ...

Vue2入门学习笔记 Vue2入门必备！ ⭐关注我查看更多配套笔记 学习视频：https://www.bilibili.com/video/BV1Zy4y1K7SH/ 【尚硅谷Vue全家桶】 本博客是对该视频内容的整理以及加入自己的理解 想全面学习的推荐大家去看原视频 1.Vue脚手架基础官方提供的 Vue 官方 标准开发工具 官方文档:https://cli.vuejs.org/zh/ Vue CLI(command line interface)脚手架 0.配置淘宝镜像 不然会很慢 甚至安装失败 npm config set registry https://registry.npm.taobao.org 1.全局安装@vue/cli npm install -g @vue/cli 2.切换到对应目录 创建脚手架 vue create vue_projectone 输入后会选择 使用Vue的版本 2/3/自定义 bable : ES6 语法转换为 ES5 eslint : 语法检查工具 检查代码是否合理 选择好之后输入回车 进行如下操作 ...

Vue2入门学习笔记 Vue2入门必备！ ⭐关注我查看更多配套笔记 学习视频：https://www.bilibili.com/video/BV1Zy4y1K7SH/ 【尚硅谷Vue全家桶】 本博客是对该视频内容的整理以及加入自己的理解 想全面学习的推荐大家去看原视频 1.基础1.特点1.采用组件化模式，提高代码复用率，让代码更好维护 2.声明式编码，让编码人员无需直接操作DOM，提高开发效率 3.使用虚拟DOM + 优秀的Diff算法，尽量复用DOM节点 2.官网内容官方网址 ：cn.vuejs.org 3.下载及安装1.下载在官方网址 : 安装 — Vue.js (vuejs.org) 需要配置以下内容： 2.安装开发者工具一、Chrome浏览器安装方式：①：点击右上角三个点②：点击更多工具③：点击扩展程序④：点击右上角的开发者模式，将他启用⑤：将下载的Vue.crx文件直接拖动到浏览器窗口即可二：Edge浏览器安装方式①：点击浏览器右上角的三个点②：点击扩展③：点击左下角的开发人员模式，将他启用④：将Vue.crx文件拖动到浏览器即可 https://pan.baidu.co ...