15-Vue自定义指令
Vue自定义指令 Vue除了提供自身的指令(v-model，v-bind等)外, Vue 也允许注册自定义指令。 通过 Vue.directive 命令，可以注册一个全局指令。例如 v-focus, 该指令的功能是在页面加载时，元素获得焦点。 我们也可以在 Vue 实例使用 directives 选项来注册局部指令，这样指令只能在这个实例中使用。 常用钩子函数（其他请参照官网） bind: 只调用
14-Vue父子组件的创建和使用
Vue父子组件的创建和使用 我们可以在组件中定义并使用其他组件，这就构成了父子组件的关系。 局部注册Child组件，该组件只能在父组件的 template 中使用。 在页面中使用<parent-component>标签渲染Parent组件的内容，同时Child组件的内容也被渲染出来。 使用 data 选项时，为避免和全局的 data 选项冲突，必须使用一个函数作为 data 选项，让这
13-Vue局部组件的创建和使用
Vue局部组件的创建和使用 在Vue实例中注册的组件，我们称作局部组件。可以用 components 属性实现局部注册。 由于my-component组件是注册在#app元素对应的Vue实例下的，所以它不能在其它Vue实例下使用。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546
12-Vue全局组件的创建和使用
Vue全局组件的创建和使用 组件是Vue.js其中一个非常重要的概念，让我们可以使用独立可复用的小组件来构建大型应用。 组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。 调用Vue.component()注册组件时，组件的注册是全局的，这意味着该组件可以在任意Vue实例下使用。 在 props 数组中，定义组件的特有属性，也就是props: ['
11-Vue＋Axios获取远端数据并渲染
Vue＋Axios获取远端数据并渲染 在Vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，支持几乎所有主流浏览器（包括IE11）。 axios具有很多优秀的特性，例如 拦截请求和响应、取消请求、自动转换JSON、客户端防御XSRF等。 axios的CDN导入方式： <script src="https://unpkg.com/a
10-Vue留言板小程序
Vue留言板小程序 综合使用v-model、v-on、v-for、插值表达式等指令，实现对数据的CRUD（增查改删）操作 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263<!DOCTYPE html>
09-Vue的事件修饰符
Vue的事件修饰符 .prevent 阻止默认事件。 .stop 阻止冒泡行为。 .once 只执行一次，多次点击无效。 .capture 开启事件捕获模式。即事件从上向下依次执行。 .self 只当事件是从侦听器绑定的元素本身触发时才触发回调。 .passive 不阻止默认事件。并要注意不要把 .passive 和 .prevent 一起使用，因为 .prevent 将会被忽略，同时浏览器可能会
08-Vue指令之v-model
Vue指令：v-model 双向绑定 v-model：表单元素的双向数据绑定。数据更新元素会更新、元素更新数据也会更新。 v-model在不同的表单元素上使用 在input和textarea是value的值 在单选框中，为选中的value的值 在复选框中，是一个数组，每一项是选中的value的值 在下拉框中，单选下拉框是选中的option中的值，多选是一个数组，每一项是选中的option中的值