![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
sunsunla
这个作者很懒,什么都没留下…
展开
-
Vue Router
1.路由的概念 路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。 那么url地址和真实的资源之间就有一种对应的关系,就是路由。 路由分为前端路由和后端路由 1).后端路由是由服务器端进行实现,并完成资源的分发 2).前端路由是依靠hash值(锚链接)的变化进行实现 后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由 前端路由的基本概念:根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系 前端路原创 2020-08-10 20:01:46 · 87 阅读 · 0 评论 -
vue3
Vue.js 表单 v-model 会根据控件类型自动选取正确的方法来更新元素。 v-model 指令在表单控件元素上创建双向数据绑定。 <p>多个复选框:</p> <input type="checkbox" id="runoob" value="Runoob" v-model="checkedNames"> <label for="runoob">Runoob</label> <input type="checkbox" id原创 2020-08-04 18:04:28 · 594 阅读 · 0 评论 -
Vue2
一、Vue.js 条件与循环 条件判断 v-if:条件判断使用 v-if 指令 v-else:可以用 v-else 指令给 v-if 添加一个 “else” 块 v-else-if 在 2.1.0 新增,用作 v-if 的 else-if 块。可以链式的多次使用。 <div id="app"> <div v-if="type === 'A'"> A </div> <div v-else-if="type === 'B'">原创 2020-08-04 00:39:37 · 91 阅读 · 0 评论 -
vue--模板语法
文本 数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值: 文本插值 <div id="app"> <p>{{ message }}</p> </div> Html 使用v-html 指令用于输出 html 代码: <div id="app"> <div v-html="message"></div> </div> //vue data: { message: '<h1原创 2020-08-03 00:05:12 · 107 阅读 · 0 评论