qq_41834729的博客

Vue学习第五章-组件化的实现一、注册组件的基本步骤二、局部组件和全局组件三、父组件和子组件四、组件的语法糖写法不需要再写extend，可以直接在注册组件的时候写template五、组件的分离式写法方法一：script type=“text/x-template”方法二：template六、组件中的data必须是function这是因为当组件复用的时候可以，创建出多个title对象，而不是每个组件公用一个title对象七、父子组件的通信（重

Vue学习第四章-数组操作的高阶函数一、高阶函数编程范式：命令式编程/声明式编程**编程范式：面向对象编程|函数式编程以前的方案1、高阶函数-filter函数（全体过滤）2、高阶函数-map函数（全体操作）3、高阶函数-reduce函数（迭代）4、高阶函数结合5、简写二、表单绑定v-model1、v-model结合radio类型有了v-model，可以不需要用name来区分是同一个sex类型2、v-model结合checkbox类型label 里添

Vue-计算机属性的基本使用1、计算机属性2、计算属性的setter和getter3、计算属性的缓存methods和computed两者区别：methods若多次调用则每次调用都运行一次，computed若多次调用则只会调用一次，因为有缓存。所以性能相比用computed会更好4、注：var没有块级作用域，let、const有块级作用域5、const的使用和注意点6、对象增强写法（a）属性的增强写法（b）函数的增强写法注：TypeScript和flow 在编译期间就

Vue学习第二章基础语法一、模板语法1、插值操作2、v-oncev-once:定义它的元素或组件只会渲染一次，包括元素或者组件的所有字节点。首次渲染后，不再随着数据的改变而重新渲染3、v-htmlhtml规则解析代码4、v-text5、v-pre显示最初始的{{message}}6、v-cloakv-cloak：让view和model同时刷新出来7、v-bind（a）v-bind动态绑定class（b）v-bind动态绑定style...

一、邂逅Vuejs1、简单认识一下Vuejs2、Vue.js安装3、代码做了什么？4、Vue列表显示5、案例：计数器6、Vue中的MVVM7、创建Vue实例传入的options8、Vue的生命周期

Vue DevTools安装使用一、VueDevTools是什么？vue-devtools是一款基于chrome游览器的插件，用于调试vue应用二、Vue DevTools的两种安装方式(1)通过谷歌应用商店进行安装1.1找到更多工具中的扩展程序1.2点击左侧扩展程序1.3点击最下方的Chrome网上应用店1.4搜索Vue DevTools，进行添加至Chrome注：国内用户如果不翻墙打不开此网站，毕竟这是国外的网站，我们可以用第二种办法。(2)手动安装，通过下载官方git地址仓

VueCli4.0的使用第一种方法：用vue create命令创建和启用项目1、打开cmd，创建项目mallvue create mall //mall是项目名字2、选择Default，即选择默认安装3、按照提示运行项目(1)进入mall文件夹cd mall(2)运行mall项目的脚本cnpm run serve(3)出现下图所示即启动成功4、输入cmd上给出的网址，出现此网址则成功#本地：http://localhost:8080/#NetWo

用cnpm进行VueCli4.0安装要想安装Vue,要先安装nodejs，再用nodejs的npm下载，所以开始吧。一、什么是npm和cnpmnpm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）cnpm:因为npm安装插件是从国外服务器下载，受网络的影响比较大，可能会出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，