Vue.js
zhang13pro
能一句话解决的问题就不要用十句话
展开
-
Vue源码
学到哪写哪,过程就像人类祖先走出非洲 /*! * Vue.js v2.6.11 * (c) 2014-2019 Evan You * Released under the MIT License. */ 初始化Vue实例 当使用Vue时,首先需要new Vue来创建Vue实例,这背后是怎样的逻辑呢? function Vue(options) { if (!(this instanceof Vue) ) { warn('Vue is a constructor a原创 2020-08-28 13:23:47 · 290 阅读 · 0 评论 -
Vue组件通信(呕心沥血)
Vue中组件间的通信方式父子组件传值子父组件传值非父子组件传值兄弟组件传值 父子组件传值 复制是没有用的,最好跟着敲一遍,注意看看看注释,就能理解其中的逻辑了,大家加油 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-08-22 00:55:56 · 224 阅读 · 0 评论 -
Vue入门:看这一篇就够了
@[这是目录] 话不多说,直接开干。 先来个官网实栗吧。 官网实栗 <body> <!--第一个vue实栗--> <div id="app"> {{message}} </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> //注意这里构造Vue原创 2020-07-31 16:43:19 · 1426 阅读 · 0 评论 -
Vue中条件渲染v-if和v-show有什么区别
v-if <body> <div id="app"> <div v-if="isShow"> helllo Vue </div> <template v-if="isShow"> <p>hello world</p> <div>hello shimao...原创 2019-12-19 18:50:49 · 235 阅读 · 0 评论 -
Vue计算属性(computed)和侦听器(watch)的区别
<div id="app"> {{fullName}} </div> <script type="text/javascript"> var app = new Vue({ el: '#app', data:{ firstName:'Stepon', lastName:'Chou', ...原创 2019-12-19 14:40:12 · 216 阅读 · 0 评论 -
Vue的计算属性(computed)和方法(methods)有什么区别
方法其实是调用的计算属性的getter方法; // 在组件中 methods: { fullName: function () { return this.firstName + ' ' + this.lastName } } 计算属性默认只有 getter ,不过在需要时你也可以提供一个 setter : // ... computed: { fullName: {...原创 2019-12-10 23:56:10 · 283 阅读 · 0 评论