随笔分类 - Vue
Vue ref
摘要：Vue 官网中 ref 的部分：https://cn.vuejs.org/v2/api/#ref ref 的作用： 如果想要获取元素对象，可以把 ref 绑定到元素上。ref 的作用相当于 dom 中的 querySelector 方法，可以获取到整个元素对象，获取到元素对象就可以进行获取元素对象的
阅读全文
Vue 全局注册
摘要：Vue 官网：https://cn.vuejs.org/v2/guide/components-registration.html#%E5%85%A8%E5%B1%80%E6%B3%A8%E5%86%8C 创建全局组件之前： <!DOCTYPE html> <html> <head> <meta c
阅读全文
Vue实例-实现生命周期钩子
摘要：Vue官网： https://cn.vuejs.org/v2/guide/instance.html#%E5%AE%9E%E4%BE%8B%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%92%A9%E5%AD%90 生命周期钩子的API：https://cn.vuej
阅读全文
Vue Class与Style绑定-绑定内联样式
摘要：Vue官网：https://cn.vuejs.org/v2/guide/class-and-style.html#绑定内联样式 学习官网教程。纪录练习。 v-bind:style 绑定一个样式对象 <!DOCTYPE html> <html> <head> <meta charset="utf-8"
阅读全文
Vue Class与Style绑定-绑定HTML Class
摘要：Vue官网：https://cn.vuejs.org/v2/guide/class-and-style.html#绑定-HTML-Class 学习官网教程。纪录练习。 可以传给 v-bind:class 一个对象，动态地切换 class <!DOCTYPE html> <html> <head> <
阅读全文
Vue 模板语法-指令
摘要：Vue官网：https://cn.vuejs.org/v2/guide/syntax.html#指令 主要学习官网教程，纪录练习。 v-if 参数 v-bind 指令 使用 v-bind 为 a 标签绑定 href 属性，为 data 对象的 url 属性赋值一个地址。 在页面上点击“点击跳转Vue
阅读全文
Vue 模板语法-插值
摘要：Vue官网： https://cn.vuejs.org/v2/guide/syntax.html#插值 学习官网教程。纪录练习。 文本 使用 v-once ，改变数据时插值处内容不会更新。 原始 HTML 通过 v-html 使数据变成 html 元素。 没有使用 v-html: 使用了 v-htm
阅读全文
Vue实例-数据与方法
摘要：VUE官网：https://cn.vuejs.org/v2/guide/instance.html#%E6%95%B0%E6%8D%AE%E4%B8%8E%E6%96%B9%E6%B3%95 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="u
阅读全文
Vue实例-创建第一个VUE应用
摘要：VUE官网 ： https://cn.vuejs.org/v2/guide/#%E5%A3%B0%E6%98%8E%E5%BC%8F%E6%B8%B2%E6%9F%93 VUE 应用可以分成 2 个重要组成部分，一个是视图，一个是脚本。 当 vue.js 被引入后，会生成一个全局变量 Vue，用 n
阅读全文
【安装】Vue( 直接使用<script>方式引入、CDN方式引入 )
摘要：通过<script>方式引入VUE 在 VUE 官网（ https://cn.vuejs.org/v2/guide/installation.html ）有 2 个版本，点击“开发版本”或者“生产版本”，会下载到一个 vue.js 文件 这里我点击 "开发版本"，下载到一个 vue.js 创建一个
阅读全文
NVM 安装（ Windows）
摘要：NVM（Node Version Manager）是Node版本管理器。 安装原因：不同项目 node 版本不同，如果 node 版本不对，运行某个应用时可能会遇到各种问题。使用 NVM 应用可以帮助解决这个问题。 一 打开地址 https://github.com/coreybutler/nvm-
阅读全文
浙公网安备 33010602011771号