vue2
vue2学习
前端.攻城狮
我大意了
展开
-
vue2响应式的缺点及解决办法
vue2响应式的原理:通过Object.defineProperty() 对属性的读取、修改进行拦截。Object.defineProperty(obj,'name', { get() {}, ser() {}})存在问题:由于只有get()、set() 方式,所以只能捕获到属性读取和修改操作,当 新增、删除属性时,捕获不到,导致界面也不会更新。直接通过下标修改数组,界面也不会自动更新。解决办法修改属性时,使用 this.$set()删除属性时,使用 this.$del原创 2021-08-22 18:21:41 · 1606 阅读 · 0 评论 -
vue中使用vue-router、routes
什么是路由对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源;对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由...原创 2020-04-07 20:11:25 · 546 阅读 · 0 评论 -
Vue.js 中怎么自定义和使用过滤器
过滤器 filters概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示;一、私有过滤器HTML元素:<td>{{item.ctime | dataFormat('yyyy-mm-dd')}}</td&g...原创 2020-03-21 18:25:14 · 572 阅读 · 0 评论 -
Vue中怎么使用css样式
一、 使用class样式1. 数组<h1 :class="['red', 'thin']">这是一个邪恶的H1</h1>2.数组中使用三元表达式<h1 :class="['red', 'thin', isactive?'active':'']">这是一个邪恶的H1</h1>3.数组中嵌套对象<h1 :class="['red',...原创 2020-03-21 18:14:35 · 2778 阅读 · 0 评论 -
vue.js学习day1d:基本指令,样式使用
Vue.js - Day1什么是Vue.jsVue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js 是前端的主流框架之一,...原创 2019-07-16 17:11:43 · 625 阅读 · 0 评论 -
vue中父子组件传值以及vuex的使用
一,通过属性绑定的方式给子组件传值 <div id="app"> <!-- 父组件,可以在引用子组件的时候, 通过 属性绑定(v-bind:) 的形式, 把 需要传递给 子组件的数据,以属性绑定的形式,传递到子组件内部,供子组件使用 --> <com1 v-bind:parentmsg="msg"></com1> ...原创 2019-07-23 16:27:08 · 2323 阅读 · 0 评论 -
学习Vue.js的基本指令
学习Vue.jsVue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!vue基本指令v-clock:能解决插值表达式闪烁的问题 eg : <p>{{msg}}</p>,加载慢时会有短暂的{{ }}显示v-text:没有闪烁问题 <h4 v-text = "msg"></h4>...原创 2019-07-01 12:40:44 · 112 阅读 · 0 评论