![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 55
还不下马受降
你有点不对劲
展开
-
v-model:单选框、复选框、登陆检查
v-model实现的是数据的双向绑定,更多应用在表单中,绑定的数据实时变化。通过绑定用户输入获取数据。 复选框:input类型为checkbox,给value赋不同的值,成为不同的选项,然后v-model绑定Vue实例中的数组,当选中的时候,值就会传递到数组中,因为双向绑定,在数组中添加选项的值,选项就会被选中,达到预选的效果。 单选框:单选框input类型为radio,绑定一个Vue变量,选不同的但选项,绑定的值变化,达到单选效果,同样,在data中给变量赋值,达到预选效果。 登陆检查:将输入的值绑定,.原创 2021-05-02 14:51:32 · 473 阅读 · 0 评论 -
组件概念及使用
组件就是将页面拆分,分成不同的块,块中包含其他的块,可类比树的结构。 组件使用分为三个部分:1.声明组件 2.注册组件 3.使用组件 声明组件:var app = vue.extent({template: }) 注册组件:全局注册:Vue.component( ”标签名“,组件名称); 局部注册:在Vue实例中注册就成为该实例作用范围的局部组件:components: { 标签名:组件名 } 组件的嵌套,在父组件中注册子组件,然后在父组件的template模板中就可以使用子组件 组件只是框.原创 2021-05-02 14:17:48 · 463 阅读 · 0 评论 -
axios基本使用
ajax不是一门语言,而是一种访问方式,异步的js和xhml。 <script>标签引入axios,添加@click事件以后,根据输入的需要查询的信息条数,查询笑话结果。然后v-for显示到页面。 引用方法简单,axios.get().then()为基础,在连接中加入动态的需要查询的条数。 值得注意的是,在axios下,由于this指针不再是vue实例中的指针,如果在axios中使用this指针,指向的不一样,因此把vue实例中的this复制给that,让that和this指向同一个地址,然后在原创 2021-05-02 13:08:50 · 133 阅读 · 0 评论 -
简单插值
导入vue以后,el挂载可以使用类选择器( el=’.class’),也可以使用id选择器(el = ‘#id’),新手期刚开始的使用大概率会因为选择器的错误而导致虽然程序没有错误但是会没有运行结果,打开浏览器检查console的结果。 插值就是在vue实例中的data中声明变量,然后用{{data}}显示到页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <原创 2021-05-02 12:40:42 · 64 阅读 · 0 评论