ferrysoul的博客

整个函数结束，相当于初始化所有属性和Vue内置事件（如 $emit），并且使所有属性变为响应式。初始化所有Option API ，对其中的用户自定义数据data(){}进行 observe()：此函数用来新建一个类Observer的实例，类Observer的constructor中用walk()函数进行遍历每个属性，walk()函数中调用defineReactive（）函数进行Object.d...

vue.extend():用其实现拷贝PS: Object.assign也能实现拷贝，但可能存在兼容性问题vue.util.extend(): 扩展对象

组件命名有两种方式：- 连字符号，大驼峰式创建：1.全局注册Vue.component('my-component-name', {  // ... 选项 ...})2.局部注册好处：减少了性能损耗，减少了无所谓的js增加。1）通过一个普通的 JavaScript 对象来定义组件：var ComponentA = { /* ... */ }2）在 compone...

组件就是创建html中不存在的标签。 

props传递数据slot传递标签swiper实现轮播图，实现商品分类npm install --save swiper2.HTML内容。<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Sli..

进入相对应的目录下npm install jquery一定在网络不错的环境下进行npm，也可以cnpm，都可以。安装成功的标识是：在package.json文件中的："dependencies": {"axios": "^0.18.0","element-ui": "^2.6.1","jquery": "^3.3.1","vu

谈谈JavaScript中的双向数据绑定http://www.html-js.com/article/Study-of-twoway-data-binding-JavaScript-talk-about-JavaScript-every-day剖析Vue原理&实现双向绑定MVVMhttps://mp.weixin.qq.com/s?__biz=MzI3NTM1MjExMg==&...

import Vue from 'vue' import App from './App' import router from './router' import axios from 'axios' Vue.config.productionTip = false Vue.prototype.$http =...

1. iview中的cell用on-click添加事件，并不能触发。2. vue main.js post 发送 data数据会有错误： Error: Network Error 也根本进入不了后台的服务。3.(已解决) /*没有弄明白怎么在headers中设置token let token = req.headers.token; ...

<template> <div id="infocenter"> <!-- 头部标题栏 --> <HeadTop title="个人信息中心"> <span slot="left"> <div @click="routerback"&g...

<template> <div id="infocenter"> <!-- 头部标题栏 --> <HeadTop title="个人信息中心"> <span slot="left"> <div @click="routerback"&g...

项目中遇到的问题1. iview中的cell用on-click添加事件，并不能触发。2. vue main.js post 发送 data数据会有错误： Error: Network Error 也根本进入不了后台的服务。 所有的发送数据都是get3.(已解决) /*没有弄明白怎么在headers中设置token let tok...

mongodmongonpm start

{"name": "client","version": "1.0.0","description": "A Vue.js project","author": "lxhguard <741183972@qq.com>","private": true,"scripts": {"dev": "webpack-dev-server --inline --pr...

感觉自己vue学习并不扎实，抽出时间巩固一下自己的学习。一。src目录下的APP.vue可以写出一个网页的布局，引用各种子组件进行布局，在srcipt中引入组件  在main.js中引用组件，实例化对象...

import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import Hi from '@/components/Hi'import Hi1 from '@/components/Hi1'import Hi2 from '@/component...

一。全局API：APIA全局并不在构造器里，而是先声明全局变量或者直接再VUE上定义一些新功能，VUE内置了一些全局APII，比如Vue.directive。简单讲，就是在构造器外部用Vue提供给我们的API函数来定义新的功能。二。Vue.directive1.我们用自定义指定做一个小例子，让初始化的时候数字为绿色。&lt;!DOCTYPE html&gt;&lt;html l...

一。Vue.extend定义Vue.extend返回的是一个“拓展实例构造器”，也就是预设了部分选项的Vue实例构造器。经常服务于Vue.component用来生成组件，可以简单理解为当在模板中遇到该组件名称作为标签的自定义元素时，会自动调用“拓展实例构造器”来生产组件实例，并挂载到自定义元素上。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&...

Vue.set作用：在构造器外部操作构造器内部的数据、属性或者方法。比如在构造器内部定义了一个count为1 的数据，我们在构造器外部定义了一个方法，每次点击按钮使值加1.此时需要用到Vue.set。一。引用构造器外部数据 ：外部数据：不在Vue构造器里的data处声明，而是在构造器外部声明，然后在data处引用就可以了。好处：让程序更加灵活，可以在外部获取任何想要的数据形式，然后让d...

Vue一共有10个生命周期函数，我们可以利用这些函数在Vue的每个阶段都进行操作数据或者改变内容。直接上官网的一张图有两个函数在以后组件的内容讲解。10个生命周期函数：beforeCreate:function(){ console.log('1-beforeCreate 初始化之后'); }, ...

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;watch监听&lt;/title&gt; &lt;script type="text/javascript" src="https://unpkg.com/vue@2.

     详情可以去技术胖的博客进行观看，这里放截图，仅仅为了自己以后回顾。

亲自体验了，转动的画圈圈真的超级慢。现在无私为大家提供一个方法解决一下：cnpm install --save-dev webpack vue init 模板名 项目名  . 下载超级慢 

1.VUE绑定style样式&lt;div id="ppa" v-bind:style="classObject"&gt;我&lt;/div&gt; &lt;script&gt; var ppa = new Vue({ el :"#ppa", data : { classObject :..

1.对于任何复杂逻辑，你都应当使用计算属性。2.计算属性是基于它们的依赖进行缓存的。相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。3.Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。4.使用 watch 选项允许我们执行异步操作 (访问一个 API)，限制我们执行该操作的频率，并在...

首先在vue.app中增加router-link标签去增加HI1和Hi2两个组件在index.js中增加两个引入模块，然后增加children

一。name传参：在路由配置文件index.js中写name，然后使用{{ $route.name }}接收。实际开发没啥用，当做一个小练习就行。二。在app.vue中传参，怎么接收呢？首先在index.js...

在打包时npm run dev后出来的网页是首页，你想跳转到你的组件去，得在首页网址后面继续添加组件名，否则是无法过去的。每次打开都是首页，没去组件那里，我还以为是自己的代码出问题了。...

已经把VUE基础学习完毕了，推荐大家一个路线：VUE官方文档——》技术胖————》自己练手一些小东西。大家可以把VUE中的路由、服务端等先后放，先看基础。  1.v-if ：用来判断是否加载html的dom在vue实例中给定一个属性的定值，用if条件去判断是否 显示某个元素标签。&lt;div id="app"&gt; &lt;p&gt;一。v-if 用于条件判断&l...