随笔分类 - Vue框架
小白学习vue框架
摘要：响应式数据 所谓的响应式数据就是如果内存中的数据变化了 页面UI也会动态跟着刷新 这种数据就是响应式数据 Vue实现响应数据的原理 vue2.0 采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消
阅读全文
摘要：循环渲染 循环渲染使用的是v-for <body> <div id="app"> <div v-for="item in arr">{{item}}</div> <div v-for="item in arr2">{{item.time}}</div> <div v-for="item in arr
阅读全文
摘要：条件渲染 条件渲染的属性有两个： 1.v-if/v-else v-if的方法是删除元素 <body> <div id="app"> <div v-if="flag">上课</div> <div v-if="n">下课</div> <button @click="fn">切换</button> </d
阅读全文
摘要：1.对class属性进行绑定 <style> .app { width: 200px; height: 200px; background-color: purple; } .app1 { width: 100px; height: 100px; background-color: aqua; }
阅读全文
摘要：方法 方法通常指的函数，在Vue框架中一般方法都是写在methods中，供事件或者别的方法调用，方法的写法是不限于es5，es6语法的函数形式也是可以的，其中除了箭头函数外其他形式函数的this都是指的vm对象（也就是new Vue（））。 事件的绑定 事件的绑定有两种方式： 1.v-on <but
阅读全文
摘要：1.普通插值表达式插入数据 <body> <div id="app"> <div>{{text1}}</div> <div>{{text2}}</div> </div> </body> <script> new Vue({ el:"#app", data:{ text1:"插入值一", text2:
阅读全文
摘要：Vue.js是什么? 阿里巴巴的尤雨溪出的框架 Vue.js（读音 /vjuː/, 类似于 view）是目前最流行的一个框架，React是最流行的一个框架。 Vue.js是前端的主流框架之一，和Angular.js、React.js并称为前端三大主流框架。 数据驱动 vue.js 数据驱动和组件化开
阅读全文
浙公网安备 33010602011771号