this.$data是表示当前的改变后的this中的数据,而this.$options.data()是表示没有赋值前的this中的数据,表示 初始话的data. 当在页面中要对data中的数据进行多组操作时,防止每组数据…
标签:vue.js教程
vue 安装
打开终端 cd ~/Desktopnpm install -g vue-clivue init webpack blog-client 红色框选出的区域 注意 yes 和 no 的选择 之后终端会创建 blog-clie…
click-scroll组件设计
一. 背景 有些业务需求,要求前端展示的内容多时可以通过scroll的形式拖拉查看,但是太多的滚动条又造成页面太乱,于是封装了这个click-scroll 组件。在组件上设定好展示的位置和空间大小,在组件内部放置实际要展…
VUE的搭建
一、安装nodejs,官网下载安装 nodejs下载安装完成后,就可以使用npm命令了 二、安装使用cnpm npm在国内网络不稳定,下载速度慢,我们可以使用淘宝的cnpm进行 npm install -g cnpm -…
Vue.js数据双向绑定原理(MVVM模式)
透过MVVM模式实现vue的双向绑定数据。首先需要一个监听器Observer监听数据(model)的变化,具体实现是利用Observer中Object.definePrototype()函数实现监听数据。当数据发生变化就…
关于vue的一些小笔记
1,过滤 filter可对展示数据进行最后的筛选操作 2,vue中的修饰符.trim可去除输入框前后(仅最前和最后)的空格,适用于密码验证,末尾或开头多输入空格的问题.stop,阻止事件冒泡 @click.stop=…
vue的基本使用
基本指令 数据展示 <body> <div id="app"> <h1>{{msg}}</h1> <p>{{message}}</p> </d…
在Vue中使用icon 字体图标
1.使用线上的阿里iconfont图标库 1.打开 iconFont官网 选择自己喜欢的图标,并且添加购物车2.点击购物车,添加至项目 3 生成链接4在我们的vue项目中,找到index.html文件,引入css样式,记…
vuejs全局运行机制
行文介绍 本文通过一张流程图来简要的分析vue的【初始化,模板编译,数据响应式,数据驱动视图】的流程。 目的是理清思路。想看详情的请看文末参考链接,或者查找其他文档,因为每一块的内容都是很多的。 流程图 搭配 本文可以搭…
vue中 computed的使用场景
1、如果显示和方法中使用的时候类型切换<input v-model=”type” />这里的type初始化的时候是数组[‘语文’, ‘数学̵…
vue项目兼容IE浏览器
需求: 项目(vue-cli3.0)后期要求兼容IE8以上版本浏览器,IE8及以下提示当前浏览器版本过低 vue不支持IE8及以下的版本,同时如果是使用vue-cli构建的项目也不能在IE8以上的版本(ie9,ie10,…
vue 模板编译之源码流程
行文介绍 本文主要介绍vue中template compile的主体思路和源码流程。 适合想要梳理模板编译对应的源码函数调用流程的童鞋。为大家滤清思路。 具体的分析请查看文末参考链接。 主体思路 三步走: 将模板解析为A…