![](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 · 267 阅读 · 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 · 3850 阅读 · 0 评论 -
vue中的判断语句 v-if v-else v-else-if v-show
vue中的判断语句 v-if v-else v-else-if v-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 · 2158 阅读 · 0 评论 -
vue中的过滤器 文本格式化
过滤器 Vue.js 允许你自定义过滤器,被用作一些常见的文本格式化。由"管道符"指示, 格式如下: {{ message | capitalize }} < div v-bind:id=“rawId | formatId”></ div> 过滤器函数接受表达式的值作为第一个参数。 以下实例对输入的字符串第一个字母转为大写: < div id=“app”> ...原创 2019-08-06 23:14:59 · 1885 阅读 · 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 · 739 阅读 · 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 · 180 阅读 · 0 评论