摘要：
使用前需要引入jQuery.js CDN 然后再构造器内部使用挂载，直接使用jQuery方法即可； 在构造器外部也可以调用构造器内部的方法，需要给构造器命名， 然后在构造器外部，使用构造器外部名称调用内部方法即可 代码示例如下： <!DOCTYPE html> <html lang="en"> <h 阅读全文
摘要：
extend 扩展选项需要在构造器外部进行定义，并使用updated方法； 在构造器中使用 extend 方法以对象的形式调用， 方法的执行顺序为：原生的methods方法优先执行，然后是扩展的updated方法，最后执行的是原生的updated方法 差值使用{{ }}进行插入，在构造器中设置del 阅读全文
摘要：
mixins 选项主要应用于新增需求； 在不改变原有方法的基础上，使用mixins 混入选项； - 以点击加1为例，分为局部和全局两种 - 再混入选项中设置updated方法 - updated 方法，会在局部，全局，以及原生方法中设置 - 执行顺序为 全局的updated优先执行，然后局部的upd 阅读全文
摘要：
watch 选项主要用于数据监控，有两种书写方式： 一种是写在构造器内部，另一种是在构造器外部使用 下面以监控天气为例，代码如下： - 每次加减5°C，在watch内部做 if 判断 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文
摘要：
methods 选项主要定义了一个执行函数，以下例子主要讲述了组件的三种方式， 包括内部组件，外部组件以及自定义组件的定义及使用方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport 阅读全文
摘要：
computed 选项的好处是原始的值没有被污染，代码示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini 阅读全文
摘要：
首先写一个扩展 ，头部标签 然后再script中声明一个对象，对象中有一个模板 需要挂载扩展，然后磁能生效 propsData 主要用于传值，在扩展里需要接收，需用 props接收 具体代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文
摘要：
下面是安装好的项目目录： 让我们依次解读： 1、build - 与项目构建相关，webpack相关的都在这个目录下 2、config - 开发环境配置 3、node_modules - 里面是安装的各种包 4、src - 源码目录 5、static - 静态文件目录 - 放一些图片，json数据等 阅读全文
摘要：
概念：Vue-cli是vue官方出品的快速构建单页应用的脚手架 由于使用 webpack 构建项目较多，所以在此也是用webpack构建项目 首先来进行安装目录解读： 安装完成后会出现接下来的提示信息 按步骤操作即可 安装完成后会出现node-modules包，所有下载的包都会在此文件夹中 接下来可 阅读全文
摘要：
以代码为例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt 阅读全文
摘要：
component 继承就是父子组件的关系，在构造器外部写局部注册组件； 如果把局部组件的编写放到构造器内部，若组件代码量很大，会影响构造器的可读性，造成拖拉和错误； 所以要把组件填写的代码放到构造器外部或者说成单独组件； 应先声明一个对象，对象里就是组件的内容，代码示例如下： <!DOCTYPE 阅读全文
摘要：
以局部组件为例，在components中设置 props选项，挂载我们设置的属性，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文
摘要：
组件定义可分为两部分： 一种是全局组件，另一种是局部组件; 区别是全局组件可以全局调用，而局部组件，在作用域外不可调用 1、首先来看一下全局组件，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na 阅读全文