
vue
sunsunla
这个作者很懒,什么都没留下…
展开
-
Vue Router
1.路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由前端路由的基本概念:根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系前端路原创 2020-08-10 20:01:46 · 118 阅读 · 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 · 664 阅读 · 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 · 116 阅读 · 0 评论 -
vue--模板语法
文本数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值:文本插值<div id="app"> <p>{{ message }}</p></div>Html使用v-html 指令用于输出 html 代码:<div id="app"> <div v-html="message"></div></div>//vuedata: { message: '<h1原创 2020-08-03 00:05:12 · 137 阅读 · 0 评论