cdn模式下vue基本用法详解

我们知道jq简化了dom操作，而react和vue通过改变数据来更新ui，而不是使用虚拟dom频繁地改变UI界面。当我们知道一些jq插件的时候，jQuery就会传入IFFE，在这个程序中jQuery会映射到符号上，避免$符号被其他库覆盖。实际上，新vue()对象在Vue中的效果是相似的，可以防止vue range类的数据或变量被污染。让我们首先看看插入文本值的一些基本用法

V-html直接插入到html结构中

v-bind属性a : href=' URL ' rel=' external nofollow '

控制显示

v-else用作v-if的else-if块。它可以在链条中多次使用

v-model v-model指令用于在输入、选择、文本、复选框和单选等表单控件元素上创建双向数据绑定，并根据表单上的值自动更新绑定元素的值。

V-on按钮事件我们可以使用v-on来监控事件和响应用户输入。a @click='doSomething '

电视节目

Vue.js允许您自定义过滤器，这些过滤器用于一些常见的文本格式。

v型阵列

在模板中使用v-for

V-for可以通过对象的属性迭代数据

使用Computed和method可以说性能更好，但是如果不想缓存，可以使用methods属性。

默认情况下，计算属性只有一个getter，但您也可以在需要时提供setter。

$手表

样式在对象中传递更多的属性来动态切换多个类

直接绑定到样式对象，v-bind:style可以使用数组将多个样式对象应用于一个元素

事件

复选框

无线电盒

选择列表

组件是Vue.js最强大的功能之一.组件可以扩展HTML元素并封装可重用的代码。全局组件的所有实例都可以使用全局组件

本地组件

Prop是用户定义的属性，由父组件用来传递数据。父组件的数据需要通过props传递给子组件，子组件需要用props选项显式声明‘prop’

自定义事件的父组件使用道具将数据传递给子组件，但是如果子组件想要将数据传递回来，它需要使用自定义事件

Vue.js路由允许我们通过不同的URL访问不同的内容。

装置

1.直接下载/CDN https://unpkg.com/vue-router/dist/vue-router.js

2.NPM推荐淘宝图片：cnpm安装vue路由器

Vue在插入、更新或移除DOM时提供了各种不同的应用程序过渡效果。Vue提供了内置的过渡封装组件，用于封装组件以实现过渡效果。

Mixin mixins是定义一些常用的方法或计算属性，然后混合到各个组件中使用，便于管理和统一修改。如果组件中定义的方法与混合到对象中的方法/属性相同，则组件中的优先级高于混合对象中的优先级(该方法将被多次调用)

Ajax Vue需要使用Vue资源库的get请求来实现异步加载

Post需要第三个参数{仿真器：true}来将数据发送到后端。仿真器：如果Web服务器不能处理编码为application/json的请求，可以启用仿真器选项。

本文是从菜鸟教程vue模块升华而来的。有关详细演示，请参见我的github:https://github.com/JserJser/reactWebApp/tree/master/vue-cdn