囧大人。-CSDN博客

原创 vue学习之监听属性watch

当需要在数据变化时执行异步或开销较大的操作时，使用监听器是最有用的watch: { // 如果`question`发生改变，这个函数就会运行这里如果question是引用类型，只有当引用地址发生变化才能被监测 question: function (newQuestion, oldQuestion) { this.answer = 'Waiting for you to stop typing...' },// deep为true表示深度监听，如果question为对象，dee.

2020-10-28 09:55:30 356

原创 vue学习之计算属性computed

计算属性目的是希望一个变量是经过某种计算然后输出而不是直接输出的时候可以使用到计算属性1、在双大括号中直接使用表达式获取结果<div id="example"> {{ message.split('').reverse().join('') }} </div>2、在Vue定义参数中添加computed属性，或者是在methods中添加方法<div id="example"> <p>Computed reversed message:

2020-10-28 09:36:04 107

转载 vue学习之循环语句v-for

循环普通数组循环对象数组循环对象迭代数字如果使用v-for迭代数字的话，前面的 counut 值是从 1 开始的转载 https://www.cnblogs.com/yangpeixian/p/11706112.html

2020-10-27 11:07:32 106

原创 vue学习—v-if和v-show指令

v-if当v-if绑定的值为true时，当前的内容会被渲染，否则渲染v-else指令中的内容，v-if可以单独使用<div id="app"> <p v-if="seen">hello，很高兴见到你</p> <p v-else>再见</p> <template v-if="ok"> <h1>李白</h1> <p>天生我才必有用</p&gt

2020-10-26 11:21:47 233

原创 vue学习之插值的五种方式

插值文本数据绑定最常见的方式就是使用{{...}}进行文本插值：<body> <div id = "app"> {{name}}{{age}} </div> <script> var app = new Vue({ el:'#app', data:{ name:'lisi',

2020-10-26 10:41:25 981

原创 vue学习之生命周期

生命周期从vue实例创建到虚拟dom产生再到数据绑定数据监听数据渲染以及销毁的整个过程。 beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed vue实例初始化阶段生命周期的第一步就是创建vue实例，并且进行初始化 beforeCreate 在初始化的时候调用了beforeCreate，完成

2020-10-20 11:34:57 75

原创 vue学习之MVVM

M model (数据模型)本质是JavaScript对象的数据V view (视图)页面的展示本质是DOMVM view-model相当于中介，是view层和model层的桥梁，model和view不能直接进行交互，必须通过VM进行双向绑定，从视图到模型通过事件监听，从模型到视图通过数据绑定数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据。...

2020-10-19 22:12:39 86

原创 vue基础——第一个vue程序

前言：Vue.js的安装最简单的方法：我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。下载传送门1.引入vue.js <script src="../vue.js"></script>2.创建Vue实例对象，设置el属性和data属性 <script> var app = new Vue({ el:'#app'.

2020-10-02 17:17:14 110

原创 vue基础——介绍

简介vue是一个轻量级的JavaScript框架， vue是为了简化Dom操作，通过操作和使用特殊语法 vue是一个响应式的数据驱动框架，页面会随着数据的改变同步更新更多介绍查阅官方文档中文版官方文档...

2020-10-02 16:14:29 84

weixin_42565757的博客