![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
空白源
为未来奋斗的小白
展开
-
vue.js框架的简单使用(入门)
简单使用下载导入vue.js包前端标签显示处理vue变量< div id=“vue_det”>< h1>site : {{site}}</ h1>< h1>url : {{url}}</ h1>< h1>{{details()}}</ h1></ div>js创建vue对象,设置数据v...原创 2019-08-06 23:03:53 · 274 阅读 · 0 评论 -
vue 中v-html使用 添加一个html对象
v-html 使用 v-html 指令用于输出 html 代码:< div id=“app”>< div v-html=“message”>< /div>< /div>< script>new Vue({el: ‘#app’,data: {message: ‘< h1>基础v-html</ h1>’...原创 2019-08-06 23:06:58 · 3855 阅读 · 0 评论 -
vue中的判断语句 v-if v-else v-else-if v-show
vue中的判断语句v-if v-else v-else-ifv-if v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。< div id=“app”>< p v-if=“seen”>现在你看到我了</ p></ div>< script>new Vue({el: ‘#app...原创 2019-08-06 23:11:57 · 2175 阅读 · 0 评论 -
vue中的过滤器 文本格式化
过滤器Vue.js 允许你自定义过滤器,被用作一些常见的文本格式化。由"管道符"指示, 格式如下:{{ message | capitalize }}< div v-bind:id=“rawId | formatId”></ div>过滤器函数接受表达式的值作为第一个参数。以下实例对输入的字符串第一个字母转为大写:< div id=“app”>...原创 2019-08-06 23:14:59 · 1900 阅读 · 0 评论 -
vue中v-bind,v-on缩写
v-bind 缩写Vue.js 为两个最为常用的指令提供了特别的缩写:完整语法< a v-bind:href=“url”></ a>缩写< a :href=“url”></ a>v-on 缩写<完整语法 >< a v-on:click=“doSomething”></ a><缩写 >...原创 2019-08-06 23:17:26 · 745 阅读 · 0 评论 -
vue的双向绑定 v-model的使用
输入框,双向绑定实例中演示了 input 和 textarea 元素中使用 v-model 实现双向数据绑定:< div id=“app”>< p>input 元素:</ p>< input v-model=“message” placeholder=“编辑我……”>< p>消息是: {{ message }}</ p&g...原创 2019-08-06 23:33:50 · 187 阅读 · 0 评论