摘要：
如下项目： 1.将子组件Vheader.vue嵌套在App.vue里面步骤： // 1、创建组件 // 2.导入组件 // 3.挂载组件(挂载到实例化对象中) // 4.使用组件 App.vue:父组件 <template> <!--template是模板，里边必须有一个！！div标签，且是！！包裹 阅读全文
摘要：
在vue-cli中引入图片、音乐等文件，如下： <template> <!--组件结构 --> <div id="app"> <!--template是该组件的模板结构,里边必须有一个div标签，且是包裹的(即template里边必须有一个大的副盒子)--> <h3>{{msg}}</h3> <ul 阅读全文
摘要：
在webpack-simple模板中，包括webpck模板，一个.vue文件就是一个组件。 为什么会这样呢？因为webpack干活了！webpack的将我们所有的资源文件进行打包。同时webpack还能将我们的html（template）、css、js文件通过模板编译的方式将这些文件打包成一个.vu 阅读全文
摘要：
使用 vue-cli 快速创建 vue 项目步骤 GitHub地址是：https://github.com/vuejs/vue-cli 一、安装Nodejs 首先需要安装Node环境。安装完成之后，可以在命令行工具中输入node -v和npm -v,如果能显示出版本号，就说明安装成功。 注：注意cl 阅读全文
摘要：
new Vue ({ el:'#id' 绑定元素 data: { 数据属性 }， methods: { 事件 就是原生js 操作dom } }) 1.模块语法{{只要你能想到的值，都能插}} ，{{}}也可以运算 <!-- 模板字符串可以放数据属性,也可以函数(直接放函数名)等,你能想到的都可以放 阅读全文
摘要：
一、计算属性 鉴定数据属性的变化，数据属性一旦发生变化，会立马更新到视图，默认只有getter，在特殊情况下如果想用setter,也可以加 <script> var vm = new Vue({ el: '#example', data: { message: 'Hello' }, // 计算:方法 阅读全文
摘要：
<style> * { padding: 0; margin: 0; } ul {list-style: none;} li { border-bottom: 1px solid yellow; } </style> </head> <body> <!-- 把一首歌作为一个对象(万事万物皆对象),他 阅读全文
摘要：
1.对象的三大特性：封装 继承 多态 // 函数的作用:封装代码，使其可复用，解决代码的重用问题 // 继承:少写 特点:拥有父类的所有属性和方法,还可以有自己的属性和方法 // 多态:解决代码的可重性, 解耦合! 2.对象的单体模式 为了解决箭头函数this指向的问题 推出来一种写法 对象的单体模 阅读全文
摘要：
注意事项 只有匿名函数才可以改写为箭头函数。 => 这个读“胖箭头” 不能用作构造函数 不能使用arguments 不能作为对象的方法调用，因为还是指向上下文，而不是调用的对象 如果需要this操作，不能用作addEventListener里传的参数 普通函数转化箭头函数步骤： function去掉 阅读全文
摘要：
1.声明变量 1.1 变量提升 // 变量提升：a在{}中声明的，为局部作用域的，但是被提到一个全局作用域中，浏览器在解析时先声明a(var a,在{}上边)，在声明a=12（在{}中），最后在打印a, { /*作用域*/ var a = 12; } console.log(a); 1.2 let声 阅读全文