GXing007的博客

ps已经很久没有发表博客了，最近一些知识点的整理已经上传到了githubalwaysBeReady项目，如果想查看最新知识点整理可以直接访问github项目地址,欢迎点击star，或者提issue补充内容，指正总结中的错误点等。参考资料移动端适配方案：基于flexible库的成熟方案和基于vw的新方案cssnanoautoprefixer一个很好的例子autoprefixer,这个转换通过删除陈旧的带有特定厂商前缀的属性从而修改了CSS语义。为了保证转换的安全，你的browserslist .

代码复用一直是软件开发中长期存在的一个问题，每个开发者都想再次使用之前写好的代码，又担心引入这段代码后会对现有程序产生影响。从jQuery开始我们就通过插件的形式复用代码，到Requirejs开始将js文件模块化，按需加载，这两种方法都提供了比较方便的复用，但往往还需要自己手动加入所需的css文件和html模块，现在web Components的出现提供了一种新的思路，可以自定义tag标签并拥有自...

例子现在我们在每篇博文正文之前添加一个按钮来放大字号：子组件中写法：Vue.component('blog-post', { props: ['post'], template: ` <div class="blog-post"> <h3>{{ post.title }}</h3> <button>...

prop是可以在组件注册上的一些自定义特性，当一个值传递给prop特性的时候，它就变成了一个组件实例的属性。eg：子组件中写法 export default{ props: ['rows'] }<el-table :data="rows" style="width: 100%;" :show-h...

Vue.js提供了一个方法watch，它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值是对应回调。值也可以是方法名，或者是对象，包含选项。...

http://im.js.cn:8888 

Nuxt.js一个基于Vue.js的服务端渲染应用框架Nuxt.js是什么？Nuxt.js是一个基于vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。我们的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的初始化结构代码，或者在已有Node.js项目中使用Nuxt.jsNuxt.js预设了利用Vue.js开发...

vue不是内部或外部命令解决方法：1.npm config get prefix查看npm的全局路径是什么2.将这个路径配置在环境变量里NPMC:\Users\xxx\AppData\Roaming\npmpath%NPM%

#单向数据流Prop是单向绑定的：当父组件的属性变化时将传导给子组件，但是反过来不会，这是为了防止子组件无意间修改了父组件的状态，来避免应用的数据流变得难以理解。另外，每次父组件更新时，子组件的所有 prop 都会更新为最新值。这意味着你不应该在子组件内部改变 prop。如果你这么做了，Vue 会在控制台给出警告。在两种情况下我们很容易忍不住想去修改prop中的数据：1.Prop作为初值传入后，子...

构造Vue实例时传入的各种选项大多数都可以在组件里使用。只有一个例外:data必须是函数。实际上如果你这么做：Vue.component('my-component', { template: '<span>{{ message }}</span>', data: { message: 'hello' }})那么vue会停止运行，并在控制台发出警告，告...

什么是组件？    组件(Component)是vue.js最强大的功能。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，vue.js编译器为他添加特殊功能。在有些情况下，组件也可表现为用is特性扩展了原生的HTML元素。所有的vue组件同时也是vue的实例，所以可以接受一些相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。使用组件#全局注册我们已经知道...

eg：<div v-for="(i,index) in resultful_list" class="my_similar_collect_div" > <div v-bind:class="{add_class:i.isActive}" style="height: 200px; font-size: 14px; width: 100%; color: rgb...

绑定HTML Class#对象语法我们可以传给 v-bind：class一个对象，以动态切换class<div v-bind:class="{ active: isActive }"></div>上面的语法表示active这个class存在与否取决于属性isActive的truthiness，可以在对象当中传入多个属性来动态切换classv-bind:class 指令也可以...

计算属性模板内的表达式非常便利，但是设计他们的初衷是用于简单运算的。在模板中加入太多的逻辑会让模板过重且难以维护，<div id=“example”> {{message.split('').reverse().join('')}}</div>在这个地方，模板不再是简单的声明式逻辑。你必须看一段时间才能意识到，这里是想要显示变量 message 的翻转字符串。当你想要在模板...

每一个Vue应用都是通过Vue函数创建一个Vue实例开始的：var vm=new Vue({});虽然没有完全遵循MVVM模型,但是vue的设计也受到了它的启发。因此在文档中会经常使用vm(View Model的缩写)变量名表示vue的实例；当创建一个vue实例时,你可以传入vue一个选项对象，那么我们如何用这些选项对象来创建你想要的行为呢！一个vue应用由一个通过new view创建的根vue实...

<template> <div v-bind:class="{my_base_class:check_in==true,my_click_class:check_in==false}" @click="handel_class">请点击我</div></template><style> .my_base_cla

一.声明式渲染：文本插值vue.js的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进DOM系统：<div id="app"> {{ message }}</div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})这跟渲染一个字符串模板非常类似，但是vue在...