属性计算之setter
摘要:categories: vue基础 tags: setter [TOC] 属性计算之setter
阅读全文
vue基础之过滤器
摘要:categories: vue基础 tags: 过滤器 [TOC] 过滤器 过滤器的作用,为页面中数据进行添加修改的功能 有两种 局部过滤器 全局过滤器 使用方法 声明过滤器 {{数据|过滤器的名字}} html <!doctype html vue基础之过滤器 // 创建全局组件 // Vue.c
阅读全文
vue基础之计算属性和侦听器
摘要:categories: vue基础 tags: 计算属性 侦听器 计算属性
阅读全文
vue基础之组件通信
摘要:categories: vue基础 tags: 组件通信 [TOC] 父子组件通信 父子组件,嵌套一层二层 props 和 $emit 父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来做到的 在下面的例子中,有父组件App和子组件Child 1).父组件传
阅读全文
vue基础之组件创建
摘要:categories: vue基础 tags: 组件 局部组件 全局组件 [TOC] 局部组件与全局组件声明 html <!DOCTYPE html vue组件 // 全局组件 // Vue.component('组件名称',{选项}) Vue.component('Vbtn',{ template
阅读全文
vue基础之监听器
摘要:categories: vue基础 tags: 监听器 [TOC] 监听器 watch 监听的是单个属性基本的数据类型 基本数据类型 简单监视 复杂数据类型 深度监视
阅读全文
vue基础之生命周期
摘要:categories: vue基础 tags: vue生命周期 [TOC] vue生命周期 html <!doctype html Document Vue.component('Test',{ data(){ return { msg:'hello world', } ; }, template:
阅读全文
vue基础之条件渲染
摘要:categories: vue基础 tags: vue条件渲染 [TOC] 条件渲染 v if ,v else if ,v else 与 v show v if 和v show 的区别 v if初始化时没有额外的渲染开销,会修改DOM节点的,开销较大 v show会在渲染时,自动增加节点渲染。 当需
阅读全文
vue基础之插槽
摘要:categories: vue基础 tags: 插槽 element ui [TOC] 插槽 slot 插槽 vue内置组件 做为承载分发内容的出口 普通插槽 html <!DOCTYPE html 插槽使用 // 全局组件 // 第一个参数是组件名,第二个参数是options Vue.compon
阅读全文
vue总结
摘要:categories: vue基础 tags: vue总结 [TOC] vue总结 html <!DOCTYPE html vue基础总结 .active{ width: 50px; height: 50px; background: 0cf; } .toogle{ width: 50px; hei
阅读全文
子父组件通信
摘要:categories: vue基础 tags: 子父组件通信 props [TOC] 子父组件通信 html <!DOCTYPE html vue组件prop通信 // 子传父 // 1.在父组件中绑定自定义的事件 // 2.在子组件中触发原生的事件,在函数中使用自定义的$emit触发自定义的 ch
阅读全文
属性计算之getter
摘要:categories: vue基础 tags: getter [TOC] 属性计算之getter
阅读全文
v-model双向绑定
摘要:categories: vue基础 tags: v model双向绑定 [TOC] v model
阅读全文
指令之v-bind
摘要:categories: vue基础 tags: vuebind [TOC] 指令之v bind v bind 绑定元素属性 v bind 绑定元素class v bind 绑定元素行内样式 示例demo
阅读全文
v-for列表渲染
摘要:categories: vue基础 tags: v for列表渲染 [TOC] v for列表渲染
阅读全文
事件修饰符
摘要:categories: vue基础 tags: 事件修饰符 按键修饰符 [TOC] 事件修饰符 实际上,使用 有几个好处: 1. 扫一眼 HTML 模板便能轻松定位在 JavaScript 代码里对应的方法。 2. 因为你无须在 JavaScript 里手动绑定事件,你的 ViewModel 代码可
阅读全文
v-on
摘要:categories: vue基础 tags: vue事件绑定 [TOC] v on事件绑定
阅读全文
指令v-text v-html
摘要:categories: vue基础 tags: vue起步 [TOC] 指令v text v html
阅读全文
vue起步
摘要:categories: vue基础 tags: vue起步 [TOC] vue起步 引包 "下载链接" 启动 new Vue(options); options 目的地 el 数据 data 保存数据属性 核心:数据驱动视图
阅读全文
hexo+gitee
摘要:[toc] Hexo安装 安装Nodejs "下载地址" 按操作系统选择,选择带LTS长期支持的版本,点击一步安装即可 安装Git "下载地址" 选择windows版本,linux系统使用yum安装 安装Hexo 按下win+r,输入cmd, 基本命令与文件目录 启动Hexo,并在浏览器中打开 提示
阅读全文