cdn模式下vue的基本⽤法详解
我们知道jq是简化了dom操作,⽽react和vue则是通过使⽤虚拟dom的⽅式,不需要频繁的更改ui界⾯,⽽是通过更改数据的⽅式来更新界⾯。我们知道些jq插件时会在IFFE中传⼊jQuery,jQuery在此程序中映射为符号,这样可以避免$号被其他库覆写。其实vue中new Vue()对象,效果也是类似,可以避免vue范围类的数据或变量被污染。我们先来看⼀些基本的⽤法插⼊⽂本值
v-html 直接插⼊html结构
v-bind属性 <a :href="url" rel="external nofollow" >
v-if
react router路由传参
v-else ⽤作 v-if 的 else-if 块。可以链式的多次使⽤
v-model v-model 指令⽤来在 input、select、text、checkbox、radio 等表单控件元素上创建双向数据绑定,根据表单上的值,⾃动更新绑定的元素的值。
v-on 按钮的事件我们可以使⽤ v-on 监听事件,并对⽤户的输⼊进⾏响应。 <a @click="doSomething">
v-show
Vue.js 允许你⾃定义过滤器,被⽤作⼀些常见的⽂本格式化。
v-for 数组