摘要：
template 模板有四种写法，在此仅介绍三种： 1、在script标签中写template 2、写在body中，然后再new Vue（{}）实例对象中引用 3、在body中 以script 形式写入，但是要声明script 标签类型，引入方式与第二种相同 阅读全文
摘要：
Vue的生命周期，也就是钩子函数；Vue一共有10个生命周期函数， 我们可以利用这些函数在vue的每个阶段都进行操作数据或者改变内容 代码示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=" 阅读全文
摘要：
Vue.set 用于操作数组，由于javascript的限制，无法直接使用下标对数组进行直接操作， 所以vue提供Vue.set这种方法来操作数组，代码示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文
摘要：
vue.extend 扩展实例构造器一般与组件联合使用 代码示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, 阅读全文
摘要：
一、什么是全局API? 全局API并不在构造器里，而是先声明全局变量或者直接在Vue省定义一些新功能，Vue内置了一些全局API， 比如指令Vue.directive。简单来说就是在构造器外部用Vue提供给我们的API函数来定义新的功能 二、自定义绑定事件 - 自定义指令有五个生命周期（也叫钩子函数 阅读全文
摘要：
1、v-pre 指令可以用于鸳鸯输出 2、v-cloak 指令在渲染完成后，才显示 3、v-once 仅渲染一次 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co 阅读全文
摘要：
v-bind 顾名思义可以绑定标签属性，代码示例如下： v-bind 指令可以简写-->如v-bind:class 可以简写为 :class <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view 阅读全文
摘要：
v-model 可以绑定文本框，文本域，多选框绑定一个值或绑定多个值，以及绑定单选框，代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de 阅读全文
摘要：
v-on指令是绑定事件，v-on:click 可以简写成 @click 以下代码可以完成加减运算，使用methods 方法属性 还可以绑定键盘事件： 阅读全文
摘要：
阅读全文
摘要：
1、v-text 以代吗为例： {{ message }} 与v-text=“message” 两种写法效果一致，但是 {{ message }} 这种方式在网络较慢的情况下， 会出现不友好的页面显示方式， 所以推荐 v-text 这种写法 2、v-html 在语句中存在标签的情况下，v-text会 阅读全文
摘要：
1、首先循环一个数组，代码如下： 然后对数组进行排序，添加一个计算属性-computed： 2、循环输出一个对象： 对数组对象进行排序： 阅读全文