随笔分类 - vue
全局API之Vue.set 监听数据层的数据变化
摘要：全局API之Vue.set 监听数据层的数据变化 Vue.set` Vue的核心具有一套响应式系统，简单来说就是通过监听器监听数据层的数据变化，当数据改变后，通知视图也自动更新。 Vue.set用于向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。 如果数据源是数组 第一个
Web 本地存储和Vue本地存储实例
摘要：Web 本地存储 Web Storage API 关键对象 window.sessionStorage对象用于区域存储； window.localStorage对象用于本地存储。 特点 数据的设置和读取比较方便。 容量较大，sessionStorage大约为5MB，localStorage大约为20
Vue实例—— 计算属性（computed）、 watch 状态监听和filter 过滤器
摘要：Vue实例—— 计算属性（computed）、 watch 状态监听和filter 过滤器 Vue实例配置对象 选项 说明 data Vue实例数据对象 methods 定义Vue实例中的方法 components 定义子组件 computed 计算属性 filters 过滤器 计算属性（compu
ES6使用规则和常见使用方法
摘要：ES6使用规则和常见使用方法 let命令 let命令与var的区别 let命令作用域只局限于当前代码块 使用let声明的变量作用域不会被提前 在相同的作用域下不能声明相同的变量 for循环体中let的父子作用域 //for循环用let来定义变量 const命令 定义常用 数组的解构赋值 // 传统赋
axios的使用规范
摘要：axios的使用规范 axios在线库：https://unpkg.com/axios/dist/axios.min.js 获取网络请求 get格式 axios.get(地址？key=value&key2=value2).then(function(response){},function(err)
Vue小项目01——标签记录器
摘要：Vue小项目——标签记录器 功能：用户在文本框里输入文本，按回车键，文本添加到信息栏里，并清空文本框里的内容，最左侧有信息编号，下方有所以信息条数，每条信息右测有删除叉，最下方有全部清空按钮，当信息全部清空，最下方一栏将隐藏。 <!DOCTYPE html> <html lang="en"> <he
v-model命令（双向绑定）
摘要：v-model命令（双向绑定） 格式：v-model="变量" 作用2：获取和设置表单里的值 作用2：表单里输入可以改变变量的值，修改变量可以改变表单的值 <div id="app"> <!--v-model:双向绑定,用户输入按提交可以更改变量的值，用户按修改也可以反向修改-->> <form>
Vue指令03——v-bind和v-for的使用
摘要：Vue指令03——v-bind和v-for v-bind命令 效果：更改元素属性，如 src、title、href 格式：v-bind：属性=”变量“ 格式：：属性=”变量“ 修改行类样式1 <!--绑定样式--> <div id="app"> <!-- 绑定样式属性值 --> <div v-bin
Vue指令02——v-on指令和v-show的使用
摘要：Vue指令02——v-on指令和v-show的使用 v-on指令 格式1：v-on:事件=”方法“ 格式2：@事件=”方法“ 格式3：@事件=”方法（参数1，参数2）“ //把参数传到到方法中 格式4：@键盘事件 . 键盘的键名称=”方法“ //按下指定键才触发 作用：为元素绑定事件 v-on的实例
Vue 指令01——v-test和v-html的使用
摘要：Vue 指令01——v-test和v-html的使用 V-test指令 作用：替换标签里的文本内容 v-test的实例 <!--程序1--> <!--把h2标签的”1234“，替换成”笑哈哈“--> <div> <h2 v-text="message">1234</h2> </div> <!--程序
Vue 是什么应该怎么用？
摘要：Vue 是什么应该怎么用？ 前言 vue是Javascript里的一个框架，因为是一套框架所以在编写Vue程序前要导入Vue的包。 <!-- 包1 --> <!-- 开发环境版本，包含所有东西 --> <script src="https://cdn.jsdelivr.net/npm/vue@2/d
